Refactor a React Application to TypeScript

Share this video with your friends

Social Share Links

Send Tweet
Published 2 years ago
Updated 2 years ago

This course is split up into two main parts. The first half is the TypeScript compiler and how it fits into your existing build infrastructure and local dev environment. The second half is about refactoring your JavaScript code to TypeScript.

This course is not an intro to React or TypeScript. If you are struggling to follow along because of this, try checking out one of the intros to React or TypeScript courses here on egghead.

Chance Strickland: [0:00] Hey, everyone. Chance the Dev here in San Diego, California, and I am super stoked to talk to you today about refactoring your React application in TypeScript. Just so you know what to expect from this course, we break it down into two main parts.

[0:14] The first half of the course is all about TypeScript the compiler and how it fits into your existing build infrastructure and local dev environment. Chances are, if you're working with an existing application, you've already got all that stuff set up. You need to know how TypeScript fits into that story so that your compiler can read your TypeScript code.

[0:32] The second part of the course is all about refactoring your JavaScript code to TypeScript. We look at this from the perspective of an existing React application, so we talk about refactoring to TypeScript React function components, TypeScript React hooks, all the things you need to know to get up and running and move quickly.

[0:51] What this course is not is it's not an intro to React course, and it's not an intro to TypeScript course. I do expect that you're already pretty familiar and comfortable with React code. If you're not, I would recommend looking for a more introductory level React course before you jump into this one.

[1:08] I don't expect that you're an expert in TypeScript already, but I also don't spend any time talking about basic language features, syntax, or that sort of thing. If you're new to Typescript and still struggle following along with what we're writing, I do recommend checking out the TypeScript documentation or looking for another intro to TypeScript course here on egghead.

[1:27] With all that out of the way, let's get started.

egghead
egghead
~ an hour ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today