A Beginner’s Guide To Building Shareable React Components, Part 2: Planning

Let’s put some of the theory from Part 1 to work

Nate Geslin
8 min readJan 25, 2022
Photo by Johannes Plenio on Unsplash

Welcome to Part 2 of A Beginner’s Guide To Building Shareable React Components Series. In Part 1 of this series, I wrote about the theory behind planning sharable react components.

Today, we’re going to put that theory to work and plan out a sharable react component!


I’ll add the same caveats here as I did in Part 1. I’m not a designer. I like to think I have a good eye for design, but I can’t design my way out of a cardboard box. I’m an engineer.

This is something of a non-sensical component. We’re going to use it here to help illustrate how we might plan this out.

Since we’re living in a bit of a fantasy world with this exercise, let’s also assume the following:

  • The scope of this component is two different areas of an app
  • We don’t know if there are plans to use this elsewhere, but it’s…