easy project set-up steps (react js)

Basic Project Setup

1. npm init -y (this will create a package.json file with some default info)

2. npm i react react-dom express

3. npm install @babel /core @babel /preset-env @babel /preset-react babel-loader --save-dev
   npm install webpack webpack-cli --save-dev
   npm install webpack-dev-server --save-dev

4. git init

5. Add node_modules dir to .gitignore

6. Create project directory structure
   6.1 Words in bold are directories
   6.2 client
   6.2.1 dist
   6.2.1.1 index.html
   6.2.1.1 style.css
   6.2.2 src
   6.2.2.1 Components
   6.2.2.1.1 ComponentOne.js
   6.2.2.2 index.jsx
   6.3 server
   6.3.1 server.js
   6.4 database (if necessary)
   6.4.1 db.js
   6.5 webpack.config.js
   6.6 .eslintrc (if necessary)