Set up your first create-react-app

Fatima Yousif
2 min readApr 5, 2021

--

In front end web development it is impossible to NOT to come across a library called “React.js”.

React.js

  1. React is a JavaScript library for building user interfaces (UI).
  2. React is used to build single page applications. (single page apps)
  3. React allows us to create reusable UI components. (reusability)

Steps

Lets begin. But before you begin, make you have Npm installed.

Npm installation:👇

https://nodejs.org/en/

  1. First create a safe folder, so you don’t get confused of your original location.
  2. open “cmd” in that folder like:
type “cmd” in the location bar

3. “Create-react-app

On cmd type “create-react-app” followed by the name of the folder to work on.

create-react-app first

4. By doing so the downloading takes place which is a bit time taking. Once it’s done, you’ll be displayed with happy hacking message!

5. Now go to your named folder, “first” as it is for me here.

changing directory

6. You can now work on your first react app by either editing it on VS code or you can directly start your application by “npm start”.

npm start

7. Your app is now available on your local host, and it will look like this:

Your first react application is created. There’s still more in plate for react, we’ll proceed to other cool projects in react. Stay tuned for the next blog!

--

--