Courses

Featured · newline.co

Creating React Libraries from Scratch

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.

React TypeScript npm Storybook Tooling
Creating React Libraries from Scratch course

What you'll cover

6 chapters
Initializing a new npm package
  • package.json deep-dive
  • Choosing a license
  • Folder layout
Module formats & build tooling
  • Modules that work in NodeJS and the Web
  • Maintaining code quality
  • Source maps
TypeScript & type exports
  • Exposing typing using TypeScript
  • Generated .d.ts files
  • Public API surface
Testing & code quality
  • Unit-testing
  • Keeping contributors on track
  • Continuous integration
Storybook for component demos
  • Setup
  • Writing stories
  • Deploying as docs
Publishing & maintenance
  • Publishing to npm
  • Versioning workflow
  • Long-term maintenance
Who it's for
Engineers shipping their first library

You've built apps, you know React. You want to extract a piece of work into something other people install.

What you'll need
Working knowledge of React + TS

No prior tooling experience required. We start from npm init and end at a versioned, published package on npm.

Format
Video, code along, transcripts

Hosted on newline.co. Pace it as you like. Source repo provided. Lifetime access.