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
(52)
Level
Intermediate
Updated
June 5, 2017
Duration
6h 20m
Table of contents
Core Decisions
37m 16s
Documentation
50m 17s
Atoms
27m 35s
Molecules
19m 12s
Organisms
16m 56s
Testing
40m 35s
Publishing
47m 0s
Description
Course info
Rating
(52)
Level
Intermediate
Updated
June 5, 2017
Duration
6h 20m
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
React: The Big Picture
Beginner
1h 11m
21 Nov 2017
More courses by Cory House
Transcript
Transcript

Hi everyone, I’m Cory House and welcome to my course on Creating Reusable React Components.

I am the principal consultant at reactjsconsulting.com. So I’m obviously a big fan of React’s elegant component model.

If you’re watching this, I assume you enjoy working in 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 will cover include:

  1. Tips and tricks for creating reusable React components
  2. Atomic Design principles
  3. Techniques for generating custom documentation
  4. Reusable component styling and testing
  5. And we’ll wrap up by packaging and publishing the custom component library we’ve created to npm
By the end of this course, you’ll have 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.