Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript more →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Explore new Communities Join our Discord Server What Our Students Say
Tutorials
Pricing

Welcome to

The newline Guide to Creating a React Hooks Library

Module 1

Introduction

2 Lessons 38 Seconds

01Course overview
Sneak Peek
02How to work with course materials
Sneak Peek00:00:38

Module 2

Setting up developer environment

5 Lessons 25 Minutes

01Setting up Developer Environment
Sneak Peek00:03:39
02Setting up Initial Project
Sneak Peek
03How to Use ESLint and Prettier Together in a React Project
Sneak Peek00:11:40
04How to Configure React to Use TypeScript
Sneak Peek00:05:04
05How to Add Jest to a React Project for Automated Testing
Sneak Peek00:04:38

Module 3

Development of custom hooks

6 Lessons 28 Minutes

01Building React Hooks: API Considerations and Best Practices
Sneak Peek00:06:27
02How to Implement a Custom useBoolean React Hook
Sneak Peek
03Testing a Custom useBoolean Hook With React Testing Library
Sneak Peek00:15:41
04How to Implement a Custom useMap Hook With Tests
Sneak Peek
05How to Quickly Import Custom React Hooks With an Index File
Sneak Peek00:06:25
06Implement an Object Returning API With a react-hanger Clone
Sneak Peek

Module 4

Preparing code for publishing

9 Lessons

01CommonJS vs ES6: An Intro to JavaScript Module Systems
Sneak Peek
02What is Transpilation? An Intro to Transpilers vs Compilers
Sneak Peek
03An Intro to Transpilers: ESBuild, Babel, and SWC Compared
Sneak Peek
04What are Babel Transforms and Plugins?
Sneak Peek
05A Beginner's Guide to JavaScript Bundlers
Sneak Peek
06How to Simplify Bundling React Code With Microbundle
Sneak Peek
07How to Add TypeScript Build Steps to React
Sneak Peek
08How to Implement Babel Build Steps in a React App
Sneak Peek
09Conclusion
Sneak Peek

Module 5

Publishing the Code

3 Lessons

01Add Continuous Integration to a React Build With GitHub Actions
Sneak Peek
02How to Automatically Generate a React App Changelog
Sneak Peek
03How to Publish a React Library to NPM With GitHub Actions
Sneak Peek

Next Introduction:

Course overview