Creating Reusable React Components

You may know React, but do you know how to design and distribute truly reusable React components? Learn how to design, create, and publish a reusable React component library that you can share with your team, your company, or the world.
Course info
Rating
(99)
Level
Intermediate
Updated
Jun 5, 2017
Duration
6h 21m
Table of contents
Course Overview
Core Decisions
Development Environment
Documentation
Reusable Component Design
Atoms
Molecules
Organisms
Styling and Theming
Testing
Distribution Decisions
Publishing
Description
Course info
Rating
(99)
Level
Intermediate
Updated
Jun 5, 2017
Duration
6h 21m
Description

Are you copy/pasting components from previous projects? Are you fighting consistency issues with your team? Sure, you know React, but do you know how to design, create, and publish reusable React components, so others can benefit from your team's work? In this course, Creating Reusable React Components, you'll explore over 50 decisions to consider when designing, creating, and publishing reusable React components, including atomic design, documentation generation, styling, theming, testing, packaging, and publishing. By the end of this course, you'll know how to publish and maintain your own reusable component library.

About the author
About the author

Cory is an independent consultant with over 15 years of experience in software development. He is the principal consultant at reactjsconsulting.com and a Microsoft MVP.

More from the author
Building Applications with React and Flux
Intermediate
5h 12m
Jun 19, 2019
Building Applications with React and Redux
Intermediate
6h 39m
Mar 12, 2019
Securing React Apps with Auth0
Intermediate
3h 18m
Nov 30, 2018
More courses by Cory House
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone! I'm Cory House, and welcome to my course on Creating Reusable React Components. I'm the principle consultant at reactjsconsulting. com, so I'm obviously a big fan of React's elegant component model. And if you're watching this, I assume you love React too. But is your team creating and sharing reusable React components or reinventing the wheel? In this course, we're going to explore how to design, create, and publish reusable React components that you can share with your team, your company, or even the world. Some of the major topics that we'll cover include tips, tricks, and patterns for creating React components, atomic design principles, techniques for generating custom documentation, reusable component styling and testing, and we'll wrap up by packaging and publishing the custom component library that we create to npm. By the end of this course, you'll have all the tools you need to create a reusable component library that can be enjoyed by multiple teams and managed in a centralized and automated way. Before beginning the course, you should be familiar with JavaScript and React. I hope you'll join me on this journey to learn how to create and publish reusable React components at Pluralsight.