Master Custom React Hooks with TypeScript

2h 21m 3s
English
Paid
August 15, 2024

Welcome to the course "Creating a Custom React Hook npm Package Using React and TypeScript"! In this course, we will develop a custom React Hook that I published on NPM and which already has almost 150 stars on GitHub.

In this course, you will use TypeScript and various composition strategies to keep your code clean. You will also add many features that make the hook convenient for other developers to use when installing the package.

This course is designed for intermediate-level developers who already have some experience with React and TypeScript. Even if you are new to React or TypeScript, the lessons are created in a very clear and step-by-step manner, which will be easy to grasp.

The course is divided into four modules. In the first module, you will focus on creating all the necessary tools, setting up the build, and an example application to test your hook. In the second module, you will develop more advanced features, such as changing the document title in advanced ways and even changing the favicon. In the third module, you will perform optimization and improvement to create a truly modern React Hook package and publish it on npm. Finally, in the fourth module, you will publish an example application to serve as a live example of the hook's functionality, as well as a full-fledged documentation site.

Watch Online Master Custom React Hooks with TypeScript

Join premium to watch
Go to premium
# Title Duration
1 Course Introduction 01:06
2 Environment Setup With nvm 02:40
3 Scaffolding a React Hook Library with npm init 07:33
4 Building a Skeleton create-react-app to Test the Hook 04:53
5 Building Title Looping Functionality with the useEffect Hook 12:23
6 Packaging react-use-please-stay as an npm Module using Rollup 09:16
7 Cleaning Up and Refactoring react-use-please-stay 06:30
8 Implementing a Cascading Letter Functionality 07:56
9 Implementing a Marquee Functionality 07:45
10 Implementing Favicon Modification Functionality 08:24
11 Add Interval Time as a Hook Parameter 02:28
12 Add Should Always Play as a Hook Parameter 02:28
13 Use Custom Types to Type the Hook Parameters 11:37
14 Adding a Development-only Warning Logger 09:11
15 Prevent Concurrent Usages of the Hook 06:58
16 Restore Original Values on Refocus and Unmount 09:45
17 Publish the Hook to npm 05:40
18 Prepare the Example App as a Public Example Page 19:09
19 Publish the Example App to GitHub Pages 05:21

Similar courses to Master Custom React Hooks with TypeScript

Complete DApp - Solidity & React - Blockchain Development

Complete DApp - Solidity & React - Blockchain Development

Duration 15 hours 21 minutes 24 seconds
The React practice course, learn by building projects.

The React practice course, learn by building projects.

Duration 43 hours 45 minutes 48 seconds
Testing React Apps with React Testing Library

Testing React Apps with React Testing Library

Duration 6 hours 48 minutes 20 seconds
Django with React | An Ecommerce Website

Django with React | An Ecommerce Website

Duration 18 hours 6 minutes 7 seconds
Complete guide to building an app with .Net Core and React

Complete guide to building an app with .Net Core and React

Duration 32 hours 10 minutes 45 seconds
Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux

Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux

Duration 5 hours 51 minutes 37 seconds
The Official React Query Course - query.gg

The Official React Query Course - query.gg

Duration 2 hours 42 minutes 47 seconds
React Summit 2024 - Amsterdam

React Summit 2024 - Amsterdam

Duration 18 hours 56 minutes 36 seconds
TypeScript Bootcamp: Zero to Mastery

TypeScript Bootcamp: Zero to Mastery

Duration 9 hours 31 minutes 59 seconds