Creating the React project environment

Before we can create our React app, we need to set the project directory and install the dependencies for our app:

  1. Create a new React app called DocsApp using npx
npx create-react-app DocsApp
  1. Update your package.json to the file so that it has following values:
{
"name": "DocsApp",
"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"
}
}
  1. Runnpm install on a Terminal window to install the dependencies.
  2. Next, within the src folder, create a Components folder for the app components.

Let's go through the components one by one.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.133.123.193