I wrote this in response to an article on Medium by Sunil Sandhu. In it he does an excellent job comparing how to write a Todo app in React and Vue. He takes plenty of time describing what each block of code does, comparing the two versions side by side. It is a good read (as of 2021).
As I was reading, I thought to myself, "How might this look in Vanilla JavaScript?" This code is my interpretation.
Technically you don't need anything except a modern browser and a way to run a static site. If you want to "build" (aka. minify) you'll need NPM, make, and a Linux-style terminal.
Go on, clone the repository and give it a try. There are a number of tools out there to run static HTML and JavaScript, but I just tend to use Python.
python -m SimpleHTTPServer 8080Then, open your browser to http://localhost:8080 and viola!
Since this is Vanilla JavaScript there isn't really a "build" phase. But if you want to minify and see a ~3kb savings in your JavaScript and CSS payload, you can install the minifier, then run a make target to build.
make setup
make buildThis will minify the JavaScript and CSS into a directory called build. Then you can server the application from the "build" directory.