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

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)udemy

Category: React.js, Node.js, MongoDB
Duration 34 hours 4 minutes 17 seconds
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLfullstack.io

Category: TypeScript, React.js, GraphQL
Duration 30 hours 50 minutes 42 seconds
React Data Fetching: Beyond the Basics

React Data Fetching: Beyond the Basicsfullstack.io

Category: React.js
Duration 2 hours 40 minutes 15 seconds
MERN React Node Next.js Multi User SEO Blogging Platform

MERN React Node Next.js Multi User SEO Blogging Platformudemy

Category: React.js, Next.js, Node.js
Duration 20 hours 25 minutes 13 seconds
Building Applications with React 17 and ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6udemy

Category: React.js, C Sharp (C#)
Duration 19 hours 28 minutes 31 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]udemyStephen Grider

Category: React.js, Redux
Duration 37 hours 44 minutes 46 seconds
Epic React (Epic React Pro)

Epic React (Epic React Pro)Kent C. Dodds

Category: React.js
Duration 27 hours 57 minutes 10 seconds
Data fetching with React Server Components

Data fetching with React Server ComponentsBuild UI

Category: React.js
Duration 1 hour 15 minutes 56 seconds