Summary

We started this course as a React developer eager to learn TypeScript.

We learned that TypeScript is extra code we need to write, but it makes code maintenance easier and less risky. It also enables productivity features in our editor.

We learned the standard types that are in TypeScript’s sophisticated type system as well as how to create our own types with mechanisms like interfaces and type aliases. We learned how to make types reusable with the help of generics.

We then applied our knowledge of TypeScript’s type system to React apps by strongly-typing component props, state, and events. We moved to learn how to strongly-type React context and component refs.

We learned how to set up React projects with TypeScript. First, we learned how to do this with the Create React App tool. We then learned how to create a React and TypeScript project with Webpack and Babel.

I encourage you to try using React with TypeScript in Visual Studio Code and experience the fantastic features that TypeScript enables, such as IntelliSense, code refactoring, and code navigation. The net effect is that your team will become more productive when using TypeScript with React.

We’ve now reached the end of this interactive course. I hope you enjoyed it. I’m sure what you have learned will help you in your next project!