Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

Creating a reusable React component library

Cory House (Pluralsight | Cox Automotive)
9:00am–9:40am Wednesday, June 13, 2018
Frameworks and Libraries
Location: 210 D/H
Secondary topics:  Developer Experience Track: Tools, Platforms, and Techniques
Average rating: ****.
(4.55, 11 ratings)

Who is this presentation for?

  • Developers

Prerequisite knowledge

  • A basic understanding of JavaScript and React

What you'll learn

  • Learn best practices for reusable component design, npm package publishing, and component documentation and explore patterns for composition

Description

Creating React components is easy. Designing and publishing truly reusable React components is hard. Cory House shares lessons learned from creating a library of reusable React components at Cox Automotive.

Cory begins with a summary of Cox’s pain points—inconsistency, being overwhelmed at project setup, and significant duplication—before explaining how the company addressed private package hosting, documentation generation, publication, and dissemination. Cory concludes by showing how Cox integrated its React component library into a comprehensive and highly opinionated framework that utilizes React, Redux, its components, and over 100 packages that are all wrapped up into a single npm package for maintainability and easy updates.

Photo of Cory House

Cory House

Pluralsight | Cox Automotive

Cory House is an international speaker, Pluralsight author, Microsoft MVP, software architect, and principal consultant at Reactjsconsulting.com. He has trained over 10,000 software developers at conferences worldwide on clean coding, frontend development, testing, and software architecture and is author of multiple Pluralsight courses. He specializes in JavaScript and frontend development using React.