Before we can create our React app, we need to set the project directory and install the dependencies for our app:
- Create a new React app called DocsApp using npx:
npx create-react-app DocsApp
- 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"
}
}
- Runnpm install on a 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.