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 ROUTER (v6)

REACT ROUTER (v6)ui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 3 hours 15 minutes 27 seconds
Advanced React Patterns

Advanced React PatternsCosden Solutions

Category: React.js
Duration 12 hours 7 minutes 27 seconds
CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.Marc Lou

Category: React.js, Next.js
Duration 11 hours 38 minutes 42 seconds
React Front To Back 2022

React Front To Back 2022udemyBrad Traversy

Category: React.js
Duration 19 hours 57 minutes 45 seconds
React and NodeJS: A Practical Guide with Typescript

React and NodeJS: A Practical Guide with Typescriptudemy

Category: TypeScript, React.js, Node.js
Duration 6 hours 54 minutes 59 seconds
React, NextJS and NestJS: A Rapid Guide - Advanced

React, NextJS and NestJS: A Rapid Guide - Advancedudemy

Category: React.js, Next.js, NestJS
Duration 8 hours 40 minutes 51 seconds
Web Security Dev Academy - 12-week online program

Web Security Dev Academy - 12-week online programBartosz Pietrucha

Category: Angular, TypeScript, Node.js, Other (Backend), Other (Frontend)
Duration 16 hours 37 minutes 20 seconds
React Query - Essentials (v2)

React Query - Essentials (v2)Tanner Linsley

Category: React.js
Duration 2 hours 54 minutes 5 seconds
The complete React Fullstack course ( 2021 edition )

The complete React Fullstack course ( 2021 edition )udemy

Category: React.js, MongoDB
Duration 76 hours 58 minutes 6 seconds
Build a Jira clone

Build a Jira cloneCode With Antonio

Category: React.js, Next.js
Duration 16 hours 26 minutes 4 seconds