Adding React and TypeScript

Continuing from the last lesson, we are going to add both React and TypeScript to our project in this lesson. We'll also create the root React component as well.

We'll cover the following...

- Adding React
- Adding TypeScript
- Adding a root React component
- Wrap up

Adding React

We can install React into our project by running the following command in the terminal:

npm install react react-dom

This installs the core React library as well the React library for interacting with the browser.

Why TypeScript?

Using basic types

Creating types

Working with generic types

Creating strongly-typed function component props

Creating strongly-typed function component state

Creating strongly-typed class components

Creating strongly-typed component events and event handlers

Creating strongly-typed context

Creating strongly-typed refs

Creating React projects with TypeScript using Create React App

Creating a React and TypeScript project manually

Putting everything together

Adding React and TypeScript

Adding React

Adding TypeScript