React: Using TypeScript
47mIntermediate2024-04-11
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 how to use TypeScript with React. He starts with a review of basic and complex types and functional and stateful components. He then 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.
Skills covered
TypeScriptReact.jsMetaFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentOne-Off
Concepts
Introduction
- TypeScript with React
- What you should know
Setup and Basics
- Initialize a React project
First Steps - TypeScript with React
- Introduction to TypeScript with React
- Basic types
- Other complex types
- Introduction to React components
- React components syntax
Interfaces - TypeScript with React
- Introduction to interfaces
- Define our state with TypeScript
- Review best practices interfaces
Hooks - TypeScript with React
- Overview of hooks with TypeScript
- Implementation of useEffect with TypeScript
- Implementation of context with TypeScript
Conclusion
- Next steps