Before we can create our React app, we need to set the project directory and install the dependencies for our app, as follows:
- Create a new React app called CorpRemApp, using npx, like this:
npx create-react-app CorpRemApp
- Update your package.json file to the following values:
{
"name": "CorpRemApp",
"version": "1.0.0",
"private": false,
"dependencies": {
"bulma-start": "0.0.2",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-scripts": "1.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
- Run npm install on the Terminal window to install the dependencies.
- Next, within the src folder, create a Components folder for the app components.
Let's go through the components, one by one.