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

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
Uber Eats Clone

Uber Eats Clone Nomad Coders

Category: TypeScript, React.js
Duration 40 hours 22 minutes 44 seconds
The TypeScript Compiler API Book

The TypeScript Compiler API BookJason Rametta

Category: TypeScript
Duration
React - The Complete Guide

React - The Complete GuideudemyAcademind Pro

Category: React.js
Duration 47 hours 42 minutes 41 seconds
Web Performance Fundamentals

Web Performance FundamentalsNadia Makarevich

Category: React.js, Other (Frontend)
Duration
React and Typescript: Build a Portfolio Project

React and Typescript: Build a Portfolio ProjectudemyStephen Grider

Category: TypeScript, React.js
Duration 29 hours 21 minutes 48 seconds
Storybook for building React apps

Storybook for building React appsfullstack.io

Category: React.js
Duration 3 hours 16 minutes 25 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
Master Spring Boot 3 & Spring Framework 6 with Java

Master Spring Boot 3 & Spring Framework 6 with Javaudemy

Category: React.js, Spring Boot, Java, Hibernate ORM, Maven, Spring, Spring Security
Duration 37 hours 34 minutes 14 seconds