\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 1.1Course Welcome
Course Thumbnail of The newline Guide to Building a Company Component Library.The newline Guide to Building a Company Component Library
  • MODULE 1
    Introduction
    • LESSON 1.1Course Welcome
    • LESSON 1.2An Intro to Component Libraries and Design Systems
    • LESSON 1.3Syllabus
    • LESSON 1.4Environment setup
  • MODULE 2
    Shared components
    • LESSON 2.1Which React Components to Build? An Atomic Design Guide
    • LESSON 2.2Which UI Elements Should be Turned Into React Components?
    • LESSON 2.3Choose React Dependencies for a Maintainable Component Library
  • MODULE 3
    Library creation
    • LESSON 3.1How to Host an NPM Package in GitHub for Free
    • LESSON 3.2How to Add Storybook to React to Test Component Library Locally
    • LESSON 3.3How to Keep React Code Consistent With Prettier and ESLint
  • MODULE 4
    Shared component patterns
    • LESSON 4.1Build a Custom React Button Component With forwardRef API
    • LESSON 4.2Build a Custom Design System With React Styled Components
    • LESSON 4.3Validate React Props With PropTypes and TypeScript
  • MODULE 5
    Advanced patterns
    • LESSON 5.1How to Design Compound Components With React Context
    • LESSON 5.2How to Design Custom React Field Components With useUniqueID
    • LESSON 5.3How to Extend Styled Component Styles With New Style Props
  • MODULE 6
    Component testing
    • LESSON 6.1How to Test React Component Libraries With ts-jest
    • LESSON 6.2How to Build Tests For React Button Components
    • LESSON 6.3How to Build Accessibility Tests For React Field Components
  • MODULE 7
    Build process
    • LESSON 7.1The Best Ways to Bundle React Modules Into Packages
  • MODULE 8
    Deployment and automation
    • LESSON 8.1Setting Up Continuous Integration for a React Component Library With GitHub Actions
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 1.3Syllabus
  • Go Pro
  • Courses
  • The newline Guide to Building a Company Component Library
  • An Intro to Component Libraries and Design Systems
  • Go To Previous Lesson
    Course Welcome
    Course Welcome

    Welcome to the Guide to Building a Company Component Library course.

  • Go To Next Lesson
    Syllabus
    Syllabus

    Syllabus and course overview.