Part 2: Building your first frontend
Introduction
Hi all, and welcome. Today we will be creating our first frontend. An application without a frontend is like talking to a person without a face. Try sending your message directly into the brain. Yeah, no fun.
Installing node.js and npm
We will be using node.js
and npm
.
Follow this link to install them.
Verify they are installed by running
node -v
npm -v
Ok nice, we can now start!
Creating a React application
Go into the folder where your application will be located. Here I will create the frontend by running the following command:
npx create-react-app frontend
This will create a React app in a folder called frontend
, including all necessary packages, etc.
Move into it and start the application by typing the following:
cd frontend
npm start
You now have a running React application! Well done!
Now, in the next section we will be adding functionality to this.