Setting up the React Project
In this lesson, we're going to create our client-side application using React
Setting up React project#
Let's open the terminal and go to our learnify project; let's see what we have inside our project. We have 3 folders: API, Entity, Infrastructure, and a solution file;
learnify.sln. I would like to create the client application inside the same directory so that it's easier to navigate to our client application. Before we create the application, make sure we are using the recommended Node and NPM version. My node version is 14.15.4 and my npm version is 6.14.10 which meets the requirement.
Let's finally create the project using npx create-react-app and let's name our project, client. I would like to add two more switches here; one is --use-npm which will make sure that we are using npm and not yarn. Second switch is --template typescript, since we are using typescript in our project. Now let's press enter. It just takes one single command to create the entire project, and you don't have to worry about the webpack and babble; it will take care of everything for us. It might take 1 or 2 minutes to complete making the project. Let's go.