Getting Started with React: Lesson 2 of 14

Setting Up the Dev Environment

Up Next

Getting Something on a Page

Autoplaying in 7 seconds!

Cancel

Create a Free Account to Watch

Sign Up Now

Login to your account

First, we need to set up our development environment. We need to download the beginning code for this project. Then we will install the dependencies. Lastly, we will run the project.

You can download the starter files from the project's repository on Github. This can be done from the website or using Git. Below is the command for using Git.

git clone https://github.com/searsaw/react-weather-app.git

Now, let's install the dependencies. We can do this using npm or yarn. Your choice. :)

cd react-weather-app
yarn // or npm install

The last step is to run the project! We just need to run the start command in your package manager of choice.

yarn start // or npm start

Open a browser to http://localhost:8080. You should see a blank, yellow screen. Open the developer console, and you should see "Hello, world!" printed there. That's it.

One developer tool that will help when developing in React is the React Dev Tools extension. It can be downloaded for Google Chrome and Mozilla Firefox.

In the next one, we will work on getting something printed to the page.

Alex Sears

2 posts

Developing is not only my job but also my passion. I love to teach myself new things as much as I love teaching others. The more people we get involved in this little thing we call "web development," the better we can make it. I mean, we always need more cat videos, right?