Description
In this course, you will learn:
- TypeScript offers developers a more structured approach to JavaScript application development and is a natural fit for the build processes most React developers are already using.
- Combining the component approach in React with the discipline of TypeScript enables you to build clean web applications that will be easier to maintain over time.
- In this course, instructor Emmanuel Henri explains shows how to use TypeScript with React. He starts with a review of basic and complex types and functional and stateful components.
- Then he shows how to use TypeScript interfaces to improve your React code. Finally, learn how to implement higher-order components to reuse components while adding new functionality.
Syllabus:
- Introduction
- Create web apps using the React component approach with TypeScript
- What you should know
1. Setup and Basics
- Initialize a React project
- Install TypeScript
2. First Steps: React and TypeScript
- Introduction to TypeScript with React
- Basic types
- Other complex types
- Functional/stateless component intro
- Functional/stateless component syntax
- Class/stateful component intro
- Class/stateful component syntax
3. Interfaces with React/TS
- Introduction to interface
- Define our state
- Review best practices interfaces
4. Higher-Order Components in TypeScript
- Overview of higher-order components (HOCs)
- Implement HOCs in TypeScript
- HOCs best practices