Building a (React) Component Library

Leonardo Faria

Leonardo

• Lead Software Developer @ Thinkific
• www.leonardofaria.net
• @leozera on Twitter
• leonardofaria on Github

Why?

• DRY
• Improve speed on building features
• Consistency between codebases/projects

Inspiration?

How?

• How to show?
• How to publish?
• How to improve?

How to show?

• Storybook
  • Angular
  • React
  • Vue

Storybook

• Knobs
• Netlify integration

How to publish?

• NPM offers private repos for $7/month
• npm install @thinkific/elements-library

How to improve?

• Node Security Platform
• Github security alerts
• Greenkeeper / dependencies.io

That's all folks!

• Full post: https://bit.ly/2FawDFv
• Github repo: http://bit.ly/2HkXOxY
• These slides: http://bit.ly/2JCtAYw
• Questions?