You can find part 2 , and part 3 . here here This series will walk you through how to make requests to the in . I’ve chosen the API because it is well-organized and doesn’t require us to do any sort of authentication. Part 1 will focus on setting up a React application using create-react-app. HTTP Github REST API React.js Github At the end of this tutorial, you’ll be able to click a button, feed Github your username, and get your name back. Let’s begin. Step 1: Set up a new application First, we need to set up our project. We will begin by navigating to the repository on Github. create-react-app We can use create-react-app to set up a React project without having to worry about build configuration. In other words, we can get right to the good parts of coding without having to set up third-party services like , which can be notoriously challenging for developers unfamiliar with it. (If you want to learn more about how to set up webpack, you can read my post ). webpack How to Set Up D3.js with Webpack and Babel To create a new project using create-react-app, head over to your terminal. into your root directory. By typing , you will install create-react-app globally on your computer. You can use the command to create a new application, like so: cd npm install -g create-react-app create-react-app create-react-app github-requester In the command above, is the name I’ve chosen to give my application. You’re welcome to name your application anything you’d like. github-requester Step 2: Start your server Next, into your application, and type . This will start your server, so that you can view your application locally in your browser at . cd npm start http://localhost:3000/ This works, because create-react-app sets your start script to . If we hadn’t used create-react-app we would have had to set this, and things like it, ourselves. react-scripts start When you open the page at , you should see a page that looks like this: http://localhost:3000/ Thanks for following this tutorial so far! If you see the screen above, you’ve correctly set up the project, and you’re ready to move on to of this tutorial. Part 2
