Building and Sharing a React Component Library

In this Hasty Treat, Scott and Wes talk about documentation libraries, starting and maintaining projects, how to publish React components to NPM, and more!

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

2:40 - Create React Library

6:55 - Documentation libraries

10:54 - What I’m building

13:13 - Linking library to projects

14:52 - Improvements and community thoughts

• Rollup
• testing-library/react-testing-library
• transitive-bullshit/create-react-library
• leveluptuts/fresh
• How To Make a React Component Library - Making A React Library
• React Styleguidist
• Storybook
• Docz
• DocSource
• npm-link
• Yarn
• wesbos/dump
• wesbos/Waait

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets