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?

  • 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.

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)