How to Create and Publish a React Component Library

This tutorial will take you through the process of creating and publishing your own custom React component library, hosting it on Github and publishing it with NPM.

For the full text tutorial and repo please follow along with this post:

[AlexEagleson]

Hi everyone! A lot has changed in the ecosystem for some of these packages since this video was recorded. A user was gracious enough to reply to the blog version of this tutorial and provide a lot of solutions to errors and optimizations when implementing this in 2023 and beyond. See this comment if you encounter any issues following the steps described in this video:

[BLUEOVI]

I think this is the best online tutorial I've ever had. The depth of information is so perfectly served. Not too little as to give you the feeling that one could just watch the video and not listen to the author, as he would mostly read what he's writing. Not too much as to make you bored by the constant side-tracking.

I love the way you keep to the subject and present some extra information when its needed such as at minute 46:00, where you also present the possibility of someone hosting the component-library on a private repository, with instructions on what they'd need to do in order to make it work.

[cassio]

You presented it gracefully, as it can be complex for beginners. Keep up with this great content! Thank you!

[klutch]

This should have a lot more views!!!
Great job, lots of knowledge packed into this one!

[nilshr]

This is a masterpiece, Alex. 👍 VERY GOOD JOB

[cristovaoneto]

Amazing video! I was able not just to configure my own components library, but I was able to understand the importance and function of each step! Thanks, it helped a lot

[johnnydriesen]

Amazing and very clear Tutorial about creating a Component Library.
Thanks for your time & effort to create this vid, @alex.

[domasmark]

Thank you, Alex, for making this tutorial! Professionally, I'm a designer with a minimal React knowledge and this tutorial was very clear and helpful to me.

[xmiggle]

Saved my skin this is an awesome tutorial. Very easy to follow through with. The video itself may not have the key moments on it but it's on the description. Love this tutorial keep up the awesome content.

[Paradox]

I don't usually comment, but holy cow I've been searching for someone to explain how to create a library component with such detail and you did it so wonderfully, also implementing jest and storybook in the end was the cherry at the top.
I've watched every minute of the video, will save it and will probably watch it again several times when I try to create my Library component.

Thank you so much!! 👏👏🔥🔥🔥

[techknowledgebase]

One of Best Tutorial how to create Components Library. Thank you @Alex

[giovannitonussi]

Amazing tutorial, very detailed and explained. I´m currently creating a component lib and this vid is essential. Thanks man!

[dashtyfrya]

I tried many different approaches but this one was the most convenient one. Thank you so much for the great tutorial.

[mohamedchebbi]

Thanks for this rich content, you have clarified a lot of blurry concepts for me.

[GlazzDragoN]

Thank you for this amazing tutorial, well explained and covered all the areas that i needed. You are the best, thank you!

[alonshefer]

The amount of TS knowledge I acquired from your video is truly insane.
You truly cover everything from top to bottom and this is something extremely rare !
I truly want to thank you for this amazing guide and all the effort you put out of it.
Well done !

[katavizi]

Thank you for creating this tutorial, it is exactly what I've been looking for!

[atakantekoglu]

What a great explanation from a wise man. Thanks for making this tutorial.

[Karl_jones]

Thanks so much, Alex! This was super helpful and very insightful.

[nitinshekhar]

What a tutorial man, well explained, neat and clean with lot of details. Thanks for it from INDIA. Much love ❤