- node version 8.x
- npm version 5.x
Install node and npm here.
Check if you have the correct versions by running the following commands in your terminal:
node -v
npm -v
Install the React Devtools to easily debug and see what's going on in your React app.
Your text editor may not natively support the JSX syntax that is used in this project, but there may be plugins to get proper syntax highlighting. For example, Sublime Text uses the Babel plugin.
If you don't have a favorite text editor, or if you don't know how to get JSX support in your editor, try out VSCode.
To get started, once you are in the frontend directory of this exercise, install project dependencies:
npm install
After that's done, run this to start development:
npm start
This will start running the app and automatically open it at http://localhost:3000. Anytime you change and save the code, it will automatically reload! This will remain a running process in your terminal, so you will need to open a new tab or window to execute other commands.
Prettier is a tool that automatically reformats your code to follow a certain set of coding style guidelines. It is configured to run automatically before each commit. This makes sure all of our code follows the same code styles, enforcing good practices and minimizing conflicts.
It is definitely not necessary for this exercise, but there are prettier plugins you can install for your editor. See instructions here.
For instructions on completing the exercise, look at the README.md in the main directory.