A Vanilla Configuration Template for web/js apps: ES6+, HTML5, CSS3, Jest, Eslint, Prettier, lint-staged, Husky, github actions, Local HTTPS web server, Debugging with VSCode and Chrome.
Like Vanilla JavaScript, Vanilla Configuration means that we are not using a script from any library or framework that configures our tools automatically for us. We are configuring them manually from scratch choosing our resources.
Vanilla JavaScript refers to using plain Javascript without any additional libraries or frameworks. The term became popular when Eric Wastl created the Vanilla JS site in 2012 as a joke. The site tries to bring attention to the fact that you can use just plain Javascript in many cases.
It's not really a template for building a web/JS app, but a template for configuring and testing the tools we use to build web apps.
It is a set of documents that explains how to configure the tools that we use to create web/js apps.
It is a good way to learn how to configure all the tools that we use every day, but we don't know how they work. It is a lot of work, but it is worth it.
And yes, it can be used as a starting point for building web/JS apps from scratch, without using any libraries or frameworks.
Although fender-vconf is a work in progress, a version of it is currently being used in the candleBox-GI charting app.
-
Development Tools & ConfigurationsWe use VSCode in Windows with Git Bash as our integrated development environment (IDE) with some extensions and development tools, but we could use any other environment or text processor with little changes.
Fender-vconf is copyright © 2023, and may be freely distributed under the MIT license.
See the MIT License for details.