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 Level: Intermediate
Secondary topics:  Developer Experience Track: Tools, Platforms, and Techniques

Who is this presentation for?


Prerequisite knowledge

JavaScript, React

What you'll learn

Reusable component design, npm package publishing, component documentation, patterns for composition


This session will begin with a summary of our pain points: Inconsistency, overwhelm at project set up, and significant duplication. Then I’ll move on to discuss how we addressed private package hosting, documentation generation, publication, and dissemination. I’ll close by showing how we integrated our React component library into a comprehensive and highly opinionated framework that utilizes React, Redux, our 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, independent consultant, and teacher. He has trained over 10,000 software developers at conferences worldwide on practices like clean coding, frontend development, testing, and software architecture and is author of multiple Pluralsight courses. He currently specializes in JavaScript and frontend development using React.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)