Read and go through these Tutorials. It will make your life easier!
- Read the React Docs
- Do this React Getting Started Tutorial (it doesn’t assume any existing React knowledge)
- Get an Understanding of CSS, SCSS, and HTML!
Next, there are two other technologies that you should look at:
- react-router-dom offers declarative routing for React. It is a collection of navigational components that fit nicely with the application.
- react-hooks let you access the router's state and perform navigation from inside your components.
For your local development environment, you will need Node.js. You can download it here. All other dependencies, including React, get installed with:
npm install
Run this command before you start your application for the first time. Next, you can start the app with:
npm run dev
Now you can open http://localhost:3000 to view it in the browser.
Notice that the page will reload if you make any edits. You will also see any lint errors in the console (use Google Chrome).
Testing is optional, and you can run the tests with npm run test.
This launches the test runner in an interactive watch mode. See the section about running tests for more information.
For macOS user running into a 'fsevents' error: jest-community/vscode-jest#423
Finally, npm run build builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance: the build is minified, and the filenames include hashes.
See the section about deployment for more information.
To learn React, check out the React documentation.
Thanks to Lucas Pelloni and Kyrill Hux for working on the template.