Download Visual Studio Code

To use React, you have to download Visual Studio Code onto your machine by visiting Visual Studio Code.

Below is what you might find on the website's home page if you're a Mac OS user. The website displays the download links based off of your machine's operating system. Make sure to download the right one!

Download Node.Js

To use React, you have to download Node onto your machine by visiting node.js. The home page comes to provide the download link that is compatible for your machine. Download the LTS version which is recommended for most users.

Below is what you might find on the website's home page if you're a Mac OS user. The website displays the download links based off of your machine's operating system.

Create a React Project Folder On Your Desktop

To properly store our project in a place where we can constantly access and work on it later, we will create a folder within Desktop to make things simple. I will name mine "tutorial3344" but you name it whatever you like.

Creating React Project Through Terminal/Command Prompt

Before we being coding our project, we need to create the project. Open your terminal or command prompt and make sure that you are in the folder you created earlier. This is where we will be installing React.

Now we are going to create and name our project. Notice the code below. After typing create react app, we name our project. Here, we have named our project, projectreact. Type in: npx create-react-app projectreact and press enter. Installation might take a while depending on your computer.

This is what your terminal or command prompt should look like after installation was complete.

Starting Your Project Through VS Code

Finally, open VS Code and navigate to terminal on it. You can see terminal at the top of your window for VS Code. Click 'New Terminal' and the terminal window should pop up at the bottom. In the window, type: npm start and press enter. After completion, a window should open in your brower. This is the default react window.

This is what your desktop terminal/command prompt might look like.

Congratulations! You have succesfully started your React Project! Now its time you code your food blog. Click the demo link in the navigation bar to start!