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

My first Remix app

My first Remix appBuild UI

Category: React.js
Duration 5 hours 44 seconds
Storybook for building React apps

Storybook for building React appsfullstack.io

Category: React.js
Duration 3 hours 16 minutes 25 seconds
React for Beginners

React for Beginnerscodewithmosh (Mosh Hamedani)

Category: React.js
Duration 7 hours 58 minutes 3 seconds
Add React Storybook to a Project

Add React Storybook to a Projectegghead

Category: React.js
Duration 3 minutes 36 seconds
The Modern React 18 Bootcamp - A Complete Developer Guide

The Modern React 18 Bootcamp - A Complete Developer Guideudemy

Category: React.js
Duration 20 hours 35 minutes 57 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
Zero to Full Stack Hero

Zero to Full Stack Heropapareact.com

Category: JavaScript, React.js, Others, CSS, Node.js, GraphQL, Firebase
Duration 101 hours 29 minutes 59 seconds
Microservices with NodeJS, React, Typescript and Kubernetes

Microservices with NodeJS, React, Typescript and Kubernetesudemy

Category: TypeScript, React.js, Node.js, Kubernetes
Duration 95 hours 13 minutes 4 seconds