Folder Structure

At the root level, we have three folders and four files:

• package.json contains all dependencies and scripts required for the project

• package-lock.json ensure consistent installation of your dependencies

• .gitignore is the Github file

• README.md is the default README file

• node_modules is the folder that contains all node dependencies

• public folder contains part of the code

  • manifest.json is concerned with progressive web apps

  • index.html is the only html file in your application that gets served up. Contains the root tag which is responsible for the React UI.

• src folder is the primary folder

  • index.js contains the root DOM node to be controlled by ReactDOM.

  • App.js is the App component responsible for the HTML displayed in the browser

  • App.test.js contains the JS file for unit tests

  • App.css contains classes which are applied in the App component

  • index.css also contains classes for the body tag

  • serviceWorker.js is for Progressive Web Apps