TypeScript is gaining popularity among companies building their products with React, and for good reason!
Types work well when working with components and lead to an extremely smooth development experience.
But what if your application is already delivered and deployed continuously? That doesn’t mean you can’t take advantage of everything TypeScript has to offer.
Refactoring an application to TypeScript doesn’t have to be intimidating. Follow Chance’s lead and you’ll be on the right track!
The course begins with an overview of some of Chance’s favorite tools and their TypeScript-specific settings. These tools will help you find your project’s TypeScript paths for automatic import, a shorthand tool for writing JSX and TypeScript to speed up your writing, and a tool to help you maintain your code high quality.
The tools are Emmet, ESLint, Prettier and a variety of VSCode extensions. There’s even rollup and Babel added to transpile and compile our TypeScript for easier build setup and configuration.
The project
With the tools in place, Chance converts a fully functional Windows 98 style Minesweeper game from JS React into one that takes advantage of the power of TypeScript. It will be clear that changing JS to TS will not affect the game’s functionality at all but will improve the security of your application.
Topics in the second half of the course include refactoring components as well as adding types to React Hooks, useReducer, and Context. You’ll even see how to add types to an inherited class component!
Chance has many years of experience working with component libraries and this is your opportunity to learn from his experience and apply his process to yours.