If you want to be a MERN stack developer then you should have to learn to react js. The very first step to start learning ReactJS is creating React App. Create React App is used to create a single-page React application. It also provides a modern build setup with no configuration.
In this article, we are going to discuss Create-React-App with a few steps. Make sure that you are having npm installed.
1. Create a folder
At first, we have to create a folder on our desktop or anywhere on our computer. If you’re on Linux you may open up a terminal and write the following command to follow the workflow.
mkdir reactProjectTo move forward and start creating a React app, you need to get inside the directory via terminal. Execute the following command in your terminal.
cd reactProjectIf you’re a Windows user, you may now follow along with the rest of the steps.
2. Open Powershell
To open Powershell on that path of the folder we have to press SHIFT and right-click on that folder. Then you have to click on “Open PowerShell Window here”. You will notice a blue terminal-like window where you have to enter the command.
npx create-react-app my-app
This is the code that we have to write on the terminal. Before that, we have to understand the difference between npx and npm.
npm : It basically manages packages and difficult to run them easily. npx : This tool is used to run node packages easily without installing binaries.
Let’s discuss a breakdown of this command.
create-react-app
This command creates the required files and folders to start a React application and run it on the browser.
my-app
This will be the name of the folder. And you can give any name to our folder so it can be anything.
After running this command you will notice so many files and folders. From there you have to understand the structure of those folders.
Conclusion
This is how we basic create react app. Now we have to understand the structure of the folders. If you want to understand the file structure of React then stay tuned for upcoming articles.
