Technical requirements

To take full advantage of this chapter, you should be an intermediate developer experienced in coding with another type-safe language and platform. You'll also need to install Node and a JavaScript code editor, such as Visual Studio Code (VSCode).

You can find the GitHub repository for this chapter at https://github.com/PacktPublishing/Full-Stack-React-TypeScript-and-Node-2nd-Edition. Use the code in the Chap2 folder.

Before continuing, we will set up our base project similarly to how we did in Chapter 1, Understanding TypeScript:

1. Go to your FullStackTypeScript folder and create a new folder called Chap2.
2. Open VSCode and go to File | Open Folder, and then open the Chap2 folder you just created. Then, select View | Terminal and enable the terminal window within your VSCode window.
3. Type the npm init command to initialize the project for npm, and accept all the defaults.
4. This time around, let's install TypeScript into our project instead of globally. Type this command:

   npm install typescript

5. As you can see, this time, we left out the –g parameter, and if you look inside the package.json file, you should see in the dependencies section TypeScript 5.5 or higher. The ‑g parameter means to install the package on the machine and make it available to all projects, as opposed to installing it in the project.
6. Now, before we finish this time, we will also add a tsconfig.json file to the root of our Chap2 folder. There will be a dedicated section later in this chapter explaining the tsconfig.json file, which is responsible for configuring TypeScript's settings, but for now, just copy the tsconfig.json file from the Chap2 source code folder.

Now we're ready to get started.