Creating React Libraries from Scratch
In this course we'll cover what it takes to maintain, write, and publish a React library from scratch.
4.5 102 students started
What You Will Learn
Creating a React library from `yarn init` to deployed on npm
Setting up documentation for contributers and consumers
Keeping up with code quality while multiple people work on a project
Why this course
Building a library is so much more than just the code. We need to know the ins and outs of versioning, deploying, building, documenting, dependency management, module types, tooling, and more. This is a daunting task for just one tutorial to cover. Creating React Libraries from Scratch will teach you everything you need to know to succeed in creating a library.
Creating React Libraries from Scratch will dive into:
- initializing a new npm package
- maintaining code quality
- publishing to npm
- keeping contributors on track
- exposing modules that work in NodeJS and the Web
- Storybook for demoing components
- exposing typing using TypeScript
- and more!
An introduction to the course.
Setting up our development environment
Get the required tooling installed for developing our library.
Setting Up Our Project
Setting up the files and directories needed to write a React library.
What are Dependencies?
Introduction to project dependencies, devDependencies, and peerDependencies.
Installing Scroller's Dependencies
Installing dependencies for the Scroller library.
Initializing Git and GitHub
Setup Scroller using Git, create a new GitHub project, and how push code to GitHub.
Describe the implementation of Scroller.
Writing code for the Scroller library and exporting it for users.
Setting up Storybook
Setup Storybook to view and test our code.
Setting up ESBuild
Why do we need to bundle our code, and how can ESBuild help?
What are JS Modules, and how do they affect consumers of our code?
Building Multiple JS Modules
Updating ESBuild to export multiple JS module formats.
Deploying to NPM
How to configure and deploy to a public npm repository.
An introduction to maintainability in a React library.
Testing our code through unit tests.
Code linting and ensuring code style.
Git hooks to prevent bad commits.
Frequently Asked Questions
Who is this course for?
The entry-level or intermediate developer with some knowledge of React or Web Dev, who has never published an npm package.
What if I need help?
You can ask us questions anytime through the community Discord channel or by sending us a message.
5 months ago
The course is good until we get to testing and ESLINT, where what the instructor tells you to do doesn't quite match reality and you definitely don't get the same results he does. I think it needs an update because some things have changed since the course was released.