React: Using TypeScript (2019)
53mAdvanced2019-02-05
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
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.
Learning objectives
Basic and complex types
Functional/stateless components
Class/stateful components
Interfaces with React and TypeScript
Implementing higher-order components
Learning objectives
Basic and complex types
Functional/stateless components
Class/stateful components
Interfaces with React and TypeScript
Implementing higher-order components
Skills covered
TypeScriptReact.jsMetaFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Create web apps using the React component approach with TypeScript
- 02 - What you should know
1. Setup and Basics
- 03 - Initialize a React project
- 04 - Install TypeScript
2. First Steps - React and TypeScript
- 05 - Introduction to TypeScript with React
- 06 - Basic types
- 07 - Other complex types
- 08 - Functional stateless component intro
- 09 - Functional stateless component syntax
- 10 - Class stateful component intro
- 11 - Class stateful component syntax
3. Interfaces with React TS
- 12 - Introduction to interface
- 13 - Define our state
- 14 - Review best practices interfaces
4. Highere-Order Components in TypeScript
- 15 - Overview of higher-order components (HOCs)
- 16 - Implement HOCs in TypeScript
- 17 - HOCs best practices
Conclusion
- 18 - Next steps