Hello everyone, today we will discuss the React JS Setup, Installation, and First React Project.
We don't want to configure React manually, because it is complicated and takes a lot of time. create-react-app is a much easier way which does all the configuration and necessary package installations for us automatically and starts a new React app locally, ready for development.
Another advantage of using create-react-app is that you don't have to deal with Babel or Webpack configurations. All of the necessary configurations will be made by create-react-app for us.
In order to install your app, first, go to your workspace and run the following command:
npx create-react-app my-app
The installation process may take a few minutes. After it is done, you should see a folder that appears in your workspace with the name you gave to your app.
Once it successfully installed, You should get a similar output:
Step 3: Run the App
After the installation is completed, change to the directory where your app was installed:
and finally, run npm start to see your app live on localhost:
Open your browser and hit http://localhost:3000/