The newline Guide to Creating a React Hooks Library
This course is a complete step-by-step guide to coding custom React Hooks and building a Hooks library from scratch. Confidently master React Hooks, a transformative update added since React version 16.8, that makes it much easier to reuse code as your React codebase grows.
- 3.6 / 5 (5 ratings)
- Published
- Updated
1 hrs 47 mins
16 Videos
Andrey Los
Senior Frontend Engineer at Revolut. In love with: singing (music), coding, games, self-improvement and Formula 1.
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with The newline Guide to Creating a React Hooks Library. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
Hooks API fundamentals
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
Using GitHub Actions to test, build, and lint your library
Publish your React Hooks library to NPM
In this course we’ll build a set of custom reusable hooks, a mini react-hanger clone, essentially going from nothing to a fully-automated publishing pipeline that follows the best practices. We will cover common Hooks APIs every React developer should know, then dive straight into implementing Custom React Hooks, similar to what you will find in leading React libraries in the open source React ecosystem.
Why this course
React Hooks promise to eliminate the difficulties of sharing state without writing class-based components. The challenge is that Hooks do away with the lifecycle methods and class-based semantics of state management that many React developers were familiar with. Learning React Hooks on your own can be time consuming, confusing and frustrating. With that in mind, The newline Guide to Creating a React Hooks Library, was created to provide a complete tutorial that fully covers React Hooks. Within a few hours you'll have a strong grasp on React Hooks and how to implement them.
Course Topics
This course packs practical hands-on-instruction using and building React Hooks, along with the best practices you need to build wider React Hooks libraries others across your organization can use. The first module provides an overview of the React Hooks library project we’ll build, and we'll set up a complete environment with tools for library development. The subsequent modules then take you through building with React Hooks and creating your React Hooks library, including:
- Hooks API fundamentals
- 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
- Using GitHub Actions to test, build, and lint your library
- Publish your React Hooks library to NPM
We’ll use tools including React, TypeScript, Babel, as well as GitHub Actions to build, test, and package a React Hooks library available for others to download from NPM. Ultimately, build your own React Hooks library and learn the best practices that will make your code reusable. With these skills, you can contribute more confidently to any React codebase using React Hooks, and make your team more productive.
Our students work at
Course Syllabus and Content
Introduction
2 Lessons 2 Minutes
- Free00:02:21
- Free00:00:38
Setting up developer environment
7 Lessons 35 Minutes
- Sneak Peek00:03:39
- Sneak Peek00:02:43
- Sneak Peek00:11:40
- Sneak Peek00:03:07
- Sneak Peek00:04:15
- Sneak Peek00:05:04
- Sneak Peek00:04:38
Development of custom hooks
6 Lessons1 Hours 3 Minutes
- Sneak Peek00:06:27
- Sneak Peek00:09:25
- Sneak Peek00:15:41
- Sneak Peek00:14:36
- Sneak Peek00:06:25
- Sneak Peek00:11:16
Preparing code for publishing
9 Lessons 5 Minutes
- Sneak Peek
- Sneak Peek00:05:50
- Sneak Peek
- Sneak Peek
- Sneak Peek
- Sneak Peek
- Sneak Peek
- Sneak Peek
- Sneak Peek
Publishing the Code
3 Lessons
- Sneak Peek
- Sneak Peek
- Sneak Peek
Meet the Course Instructor
Purchase the course today
One-Time Purchase
Get lifetime access to this course
- Discord Community Access
- Full Transcripts
- Money Back Guarantee
newline Pro Subscription
$20/MO
Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More
Charged monthly. Free to cancel anytime
- Discord Community Access
- Full Transcripts
- Money Back Guarantee
Plus:
- Unlimited access to 60+ newline Books, Guides and Courses
- Interactive, Live Project Demos for Every newline Book, Guide and Course
- Complete Project Source Code for Every newline Book, Guide and Course
- Best Value 🏆
newline-basic-subscription-monthly. Please contact [email protected]Frequently Asked Questions
Who is this course for?
For beginners to intermediate level engineers who want to get condensed introduction into different build tools in JS Ecosystem and learn a bit of React hooks in the same time.
Why is this topic is important?
As company grows in size it's vital to extract certain pieces of the code into reusable libraries to share this code across the organization and avoid its duplication. This helps with productivity, quality and consistency. Whether it's hooks, utilities, types or some other things. This course will help you get it published and built in the best way possible
What if I need help?
You can ask us questions anytime through the community Discord channel or by sending us a message.
