Member-only story

Basic React

Building a Single Page Application

Donovan
7 min readApr 29, 2021

Crack your knuckles, grab a cold Topo Chico, put it on a coaster, please, and get ready to start your first React project from scratch. By the end of this blog you will be able to start/generate a new project, render data, and see your changes in the browser………instantly!, yes, instantly.

Photo by Nubelson Fernandes on Unsplash

We are going to generate our project from the terminal. These initial steps are assuming you have node.js and npm installed on your machine. If you do not, click HERE.

The first step is to building a single page application is to cd to the proper path in your terminal where you want the project located. Once in the proper folder you are going to run the command

npx create-react-app my-app

This command line will generate a front end that you can use with any backend that you wish to use or have made. You will notice in your terminal that it automatically installs packages and dependencies for your application.

After it has successfully run you will need to cd into that application in your terminal and open it. If you are using VSCode you will run ‘code .’ while in the proper folder.

--

--

Donovan
Donovan

Written by Donovan

Learning. Puttin up shots in Angular and Java and Python and anything else I get my hands on. Sights set on becoming a gainfully employed developer.

No responses yet