Typescript In React

Typescript is a strict superset of the Javascript programming language meaning it extends Javascript with new features and syntax. Typescript is like a built-in unit test and gives us the benefit of the compiler watching our back, prompting errors even before the code is run, and adding static and strong typing to our applications.

This article is a quick guide to get you started and comfortable using Typescript in React, creating simple use cases with Typescript.

In this article

• What is TypeScript?
• Why do software companies prefer to use typescript?
• Install and Configure Typescript in React.
• How does TypeScript compile React code?
• Understanding Typescript Types.
• Generics in Typescript.
• Typescript in Functional components.
  • Props Type as an Argument source-code
  • Inline Type Declaration source-code
  • React.FunctionComponent or React.FC source-code
• Types for State and Props in React. source-code
• Event and Input form handling with Typescript. source-code
• Generating types for JSON Documents. source-code
• Make A Promises with Typescript.
  • Creating Promise Ex1 source-code
  • Fetching API With Promise Ex2 source-code

Create project

npx create-react-app my-app --template typescript

In the project directory, you can run:

npm start

Article Link