Day 21 || Setting up development environment || CRA || Create React App || npx create-react-app || Folder structure || Entry point in react.js App

 React.js Topics

Day 21:

• Setting up development environment
• CRA : Create React App
• Folder structure
• Entry point

CRA:

How to create React app using CRA?

• npx create-react-app <app Name>

How to run React Application ?

• npm start

How to stop React Application ? 

• Ctrl + c

Folder structure:

Node_Modules

Public

• Index.html

Src

• App.css
• App.js
• Index.css
• Index.js

Package.json

Package-lock.json

Entry point:

npm start => package.json (configuration and dependencies) => Webpack and Babel bundle (transform and bundle code) => index.js (entry point) => index.html (HTML template with injected bundled code).

Interview Questions:

1. How does CRA handle Webpack and Babel configuration?

2. What is the purpose of the npm start command in a Create React App project?

3. what is difference between npm and npx