Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Art of building reusable component

A6433205a3eb9f458dcbd27d3ac2fa83?s=47 Anenth
October 07, 2017

Art of building reusable component

How to think about structuring your components

A6433205a3eb9f458dcbd27d3ac2fa83?s=128

Anenth

October 07, 2017
Tweet

Transcript

  1. A R T O F B U I L D

    I N G R E U S A B L E C O M P O N E N T S
  2. Anenth (@anenthv) Senior front end engineer recruiterbox

  3. T H E M A G I C Functional components

    + CSS
  4. Text Input Button Card Page

  5. Page Card

  6. Text Input Button

  7. Modifiers

  8. None
  9. None
  10. None
  11. None
  12. Modifiers

  13. None
  14. Card Card Header

  15. Text Grid

  16. None
  17. • Decouple 3rd party libs • Documentation - React story

    book • Pluggable nature of CSS • Faster feature delivery • Happy developers • Too many props means you are in trouble! • We + Designers
  18. Demo time http://bit.ly/art-rcom

  19. T H A N K Y O U Anenth (@anenthv)