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 / 5 (4 ratings)
  • Published
  • Updated
On demand video

1 hr 6 mins

Video Lessons

19 Videos

Course Instructor
How The Course Works

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 Creating React Libraries from Scratch. 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.

Course Overview

What you will learn
  • Creating a React library from yarn init to deployed on npm

  • The different types of JavaScript dependency types and versioning

  • Setting up documentation for contributers and consumers

  • Keeping up with code quality while multiple people work on a project

  • Different JavaScript module systems

In this course, we'll cover what it takes to write, maintain, and publish a React library from scratch. In the 2020 State of JS survey, an annual survey conducted of the frontend JavaScript community, React came in as the most used framework for frontend development. Because React is so popular, building libraries in it can open you up to a wide range of users, contributors, and possibilities!

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.

Don't worry if you're not a React wizard. This course is designed for beginner/intermediate developers who have never deployed a library before and have minimal React experience. However, you should be familiar with JavaScript.

Course Topics

Throughout Creating React Libraries from Scratch we'll develop a React Hook called Scroller that will provide a utility for scrolling around web pages—taking advantage of window.scrollTo. We'll start in module 1 with an empty directory; adding documentation files, installing dependencies, and setting up GitHub. Right away, you'll have a project that could be deployable as a fully functional library! In module 2 we'll implement scroller while taking advantage of Storybook to visually test our code. By module 3 Scroller will be deployed to npm in multiple JavaScript module formats. Finally, in module 4, we'll look at different tools and techniques in software development to maintain a library. This includes linting, unit tests, TypeScript, and Lint-Staged! By the end of this course, you'll be able to run npm install scroller, and take advantage of React code you wrote in future projects.

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
  • unit-testing
  • Storybook for demoing components
  • exposing typing using TypeScript
  • and more!
react

Our students work at

  • salesforce-seeklogo.com.svgintuit-seeklogo.com.svgAdobe.svgDisney.svgheroku-seeklogo.com.svgAT_and_T.svgvmware-seeklogo.com.svgmicrosoft-seeklogo.com.svgamazon-seeklogo.com.svg

Course Syllabus and Content

Module 1

Introduction

2 Lessons 4 Minutes

Module 3

Implement

3 Lessons 7 Minutes

Module 6

Summary

1 Lesson 34 Seconds

Meet the Course Instructor

Dylan Paulus

Dylan Paulus

👨‍💻 Hi, I'm Dylan Paulus! I'm a Lead Software Engineer working on full-stack software for the power grid with previous experience at PlayStation and higher education. In all these positions I lead the migration of large codebases to React, maintained open-source libraries, and created high-value enterprise applications. I'm passionate about increasing developer productivity. One of the best ways to improve developer velocity is by creating libraries that remove friction in the development process.

In this course, we'll be breaking down how to create maintainable React libraries. We'll start with 'npm init' and end with a fully deployed NPM package.

Purchase the course today

One-Time Purchase

Get lifetime access to this course

$39$49$10.00 off
Creating React Libraries from Scratch
  • Discord Community Access
  • Full Transcripts
  • Money Back Guarantee

newline Pro Subscription

$30/MO

Get unlimited access to the course, plus 60+ newline books, guides and courses. Learn More

Creating React Libraries from Scratch

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 🏆
Error: Can't find product newline-basic-subscription-monthly. Please contact [email protected]

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.

Creating React Libraries from Scratch

$39

$49