Many people struggle with is the installation/configuration process of React.So let’s start with the basics. In this post, you are going to learn how to install and run a React application the easy way.
How to Download & Install Node.js
First of all, you are going to need NPM (or Yarn, alternatively). Let’s use NPM for this example.
If you don’t have it installed on your system, then you need to head to the official nodejs website to download and install Node, which also includes NPM (Node Package Manager).
Select the “Recommended For Most Users” button and download the current version for your operating system.
After you download and install Node, start your terminal/command prompt and run node -v and npm -v to see which versions you have.
What is create-react-app?
Since it is complicated and takes a lot of time, we don’t want to configure React manually. 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 you.
How to Install Create-React-App
In order to install your app, first go to your workspace (desktop or a folder) and run the following command:
npx create-react-app my-appThe 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.
How to Run the App You Created with Create-React-App
After the installation is completed, change to the directory where your app was installed:
cd my-appand finally run npm start to see your app live on localhost:
npm start
If you see something like this in your browser, you are ready to work with React.
