After creating a completely server side weight tracking app (weighter), it was time to begin learning the multitude of front end javascript frameworks.
I decided to start with React, as it seemed to strike a balance between popularity and ease of use. Learning React was one of the hardest things I've ever done. Client side routing, JSX, ES6, component relationships, and webpack were all challenges for me. In the end, I was able to recreate the weighter application using React on the front end, and weighter-api for the backend.
See the project here: https://weighter-react.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-react.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