React: Using TypeScript

Learn how to combine the component approach of React with the discipline of TypeScript to create clean web apps. Use type checking and interfaces to build easier-to-maintain apps.

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. Highere-Order Components in TypeScript

• Overview of higher-order components (HOCs)
• Implement HOCs in TypeScript
• HOCs best practices

Conclusion

• Next steps