From the course: React: Using TypeScript (2019)
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Implement HOCs in TypeScript
From the course: React: Using TypeScript (2019)
Implement HOCs in TypeScript
- [Instructor] Now that we've looked into HOCs in general, let's apply it to our application with TypeScript. So the first thing you're going to do is create a brand new file in the source folder. We're going to click on source folder and then click on New File and we're going to call this one Hoc.tsx, like so. And then what we're going to do is import React and Component from react. And then everything else that will follow we're going to have to copy a lot of stuff from the App.tsx. So let's go back to App.tsx and first let's copy the const initialStates, so completely remove it from this file by doing Control + X or cut, and then pasting it onto this file here. And then what we're going to do, again, we're going to go and grab our type here, so let's go and grab this, and do the same again. So let's paste it here. And then let's refactor this a little bit. So we're going to remove those two things here, so we'll basically cut them from here. And then let's go and grab the readonly…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.