Building UI Components using React

@KarandikarMihir

Why packages

  • Responsibility delegation
  • Source code reduction
  • Community support 💖
  • Reusability

How do I create one?

  • Webpack 
  • Rollup ✔️

Let's break it down

  • What will my component do?
  • What will my component not do?
  • Writing the code
  • Building es, umd packages
  • Providing default styles
  • Committing on github
  • Publishing to npm registry
  • Creating docs
  • Creating a demo

A11y

  • Why is accessibility important?
  • a11yproject.com
  • Future proofing with a checklist

Single or Multi-component library?

  • Yarn workspaces
  • Lerna

Fin

UI Components using React

By Mihir Karandikar