After creating a completely server side weight tracking app (weighter), it was time to begin learning the multitude of front end javascript frameworks.
I learned React first by recreating the weighter application, aptly named weighter-react. Then I moved on to doing the same thing with Vue. Picking up Vue was so much easier, mostly because I already understood the client side workflow. But more than just that, Vue seemed to make more sense to me. It's file structure and HTML directives made more sense to me than React's pure JS/JSX implementation. I also loved how Vue has an officially supported router and http package, where React made you go searching.
The only downside I current see to Vue is that it lacks a well developed Native library, which is imperative for developing any type of application nowadays.
See the project here: https://weighter-vue.herokuapp.com/
If you would like to build and run this site locally, follow the instructions below.
First, clone the repository.
git clone https://github.com/bradgarropy/weighter-vue.git
Next, install the dependencies.
npm install
Then, you can build the site.
npm run build-[prod|dev]
Or, you can run the site locally.
npm run [prod|dev]
Finally, navigate to the site.
localhost:4000