Descriptions
Creating a React hook library. In this course, we’ll create a set of reusable custom hooks, a mini clone of react hanger that will essentially take you from scratch to a fully automated, best practice publishing pipeline. We’ll look at common hook APIs that every React developer should know, and then dive straight into implementing custom React hooks similar to those you’ll find in the leading React libraries in the open source React ecosystem. React Hooks promise to eliminate the hassle of sharing state without writing class-based components. The problem is that hooks do away with the lifecycle methods and class-based state management semantics that many React developers were familiar with. Learning React Hooks on your own can be time-consuming, confusing, and frustrating. With this in mind, a new line guide to building a React Hooks library has been created to provide a complete tutorial covering React Hooks in its entirety. In a few hours you will have a clear understanding of React Hooks and how to implement them. We’ll use tools like React, TypeScript, Babel, and GitHub Actions to build, test, and package a React Hooks library that others can download from NPM. Ultimately, create your own React Hooks library and learn best practices that will make your code reusable. With these skills, you’ll be able to more confidently contribute to any React codebase using React Hooks and make your team more productive.
What will you learn
- API Hook Basics
- Developing Custom React Hooks
- How to Write Reusable React Hooks
- Common React Hooks Mistakes to Avoid in Your Code
- Transpilers and bundlers for JavaScript libraries
- Use GitHub Actions to test, build, and review your library.
- Publish your React Hooks library to NPM
Who is this course for?
- For beginner to intermediate engineers who want to get a quick introduction to the various build tools in the JS ecosystem while learning some React tricks.
Features of creating the React Hooks library
- Publisher: new line
- Teacher: Andrey Los
- English language
- Level: All levels
- Number of courses: 16
- Duration: 1 hour 48 minutes.
Contents of creating the React Hooks library
A quick look at the course
How to work with course materials
Setting up the development environment
Setting up the initial project setup
Setting up ESLint and Prettier
Setting up WebStorm ESLint Prettier
Setting up VSCode ESLint Prettier
Setting up TypeScript
Setting up a testing environment
Best Practices for Using API Hooks
Implementing the useBoolean hook
Testing the use of a logical hook
Implementing the useMap hook
Collection of hooks by index
Implementing the Object Return API
What is transpilation?
Images
Sample clip
Installation instructions
Extract the files and watch on your favorite player
Subtitles: Not available
Quality: 2160p
Download links
Password file(s): free download software
file size
550 MB