Master Custom React Hooks with TypeScript

2h 21m 3s
English
Paid

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

React Query - Essentials (v2)

React Query - Essentials (v2)Tanner Linsley

Category: React.js
Duration 2 hours 54 minutes 5 seconds
Redux

Reduxui.dev (ex. Tyler McGinnis)

Category: React.js, Redux
Duration 7 hours 13 minutes 23 seconds
Uber Eats Clone

Uber Eats Clone Nomad Coders

Category: TypeScript, React.js
Duration 40 hours 22 minutes 44 seconds
Responsive LLM Applications with Server-Sent Events

Responsive LLM Applications with Server-Sent Eventsfullstack.io

Category: TypeScript, React.js, Python
Duration 1 hour 18 minutes 18 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide

Solidity & Ethereum in React (Next JS): The Complete Guideudemy

Category: React.js, Next.js, Decentralized Applications (dApps) / 'Web 3'
Duration 38 hours 47 minutes 24 seconds
Mastering React With Interview Questions,eStore Project-2024

Mastering React With Interview Questions,eStore Project-2024udemy

Category: React.js
Duration 16 hours 53 minutes 3 seconds
The React practice course, learn by building projects.

The React practice course, learn by building projects.udemy

Category: React.js, MongoDB
Duration 43 hours 45 minutes 48 seconds
Build fancy landing pages with React and Threejs

Build fancy landing pages with React and ThreejsPaul Henschel (@0xca0a)

Category: React.js, Three.js
Duration 38 minutes 9 seconds