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

Art of building reusable component

A6433205a3eb9f458dcbd27d3ac2fa83?s=47 Anenth
October 07, 2017
Education
0
680

Art of building reusable component

How to think about structuring your components

A6433205a3eb9f458dcbd27d3ac2fa83?s=128

Anenth

October 07, 2017
Tweet

Other Decks in Education

See All in Education
18cdb6f294c8cb10a46167e462c2a51f?s=48 matleenalaakso
2
13k
3afdb8c9e029c7c9452eea75337a87ec?s=48 risu_recruit
0
370
E49f52f943e3f1ee664e949ae95a235b?s=48 y_ogawa_mhg
0
610
13beaa3b7239eca3319d54c6a9f3a85a?s=48 aserg_ufmg
1
130
61ce24f312aae05be2b3c921b079715b?s=48 dwschanz
PRO
0
180
Cc87daece866c4362b554863a797a38c?s=48 takaakiouchi
0
530
E89be27a49d1cf6643f7432b41ba4d26?s=48 loochsorg
0
140
8c6c1f0c4c41d0640ade76bd71e9e475?s=48 gishi_yama
0
120
15da9fc679a095a86bd46a422773c25e?s=48 salvemaria
0
120
15da9fc679a095a86bd46a422773c25e?s=48 salvemaria
0
130
095f653ba8648c9e74c1c95b4d2f38d6?s=48 pkld
0
600
Bba766ffe32150cadedf5ab8e7eacaae?s=48 coderdojojapan
5
4.3k

Featured

See All Featured
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
48
2.9k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
235
18k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
107
6.4k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
15
780
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
98
5.6k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
55
2k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
400k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
24
4k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.3k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
66
4.1k

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)