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

Art of building reusable component

Avatar for Anenth Anenth
October 07, 2017
Education
800
0

Art of building reusable component

How to think about structuring your components

Avatar for Anenth

Anenth

October 07, 2017

Other Decks in Education

See All in Education
Center for Entrepreneurship Education | Science Tokyo (Institute of Science Tokyo)
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
120
Laura Wilson - The Quarterly PR Pivot
Avatar for Laura Wilson laurawilsonbseo1
1
370
参加制約理論
Avatar for roadofhope roadofhope
0
130
Case Studies and Future Research - Lecture 12 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
200
[2026前期火５] 論理学（京都大学文学部 前期 第10回）「論理学の哲学——意味とは何か（Tonkと推論主義）」
Avatar for Shunsuke Yatabe yatabe
0
190
Modern Data Fetching Techniques in Angular
Avatar for Dhananjay Kumar debug_mode
0
230
アラムコSTEAMチャレンジ　実践報告書
Avatar for みんなのコード codeforeveryone
0
170
Interaction - Lecture 10 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
2.7k
2026年度春学期　統計学　第5回　分布をまとめるー記述統計量（平均・分散など） (2026. 5. 7)
Avatar for Akira Asano akiraasano
PRO
0
200
Catecismo 26 #1 - Aula inaugural
Avatar for Congregação Mariana da Imaculada Conceição e Santo Afonso de Ligório cm_manaus
0
200
Visionary Initiative: Future Intelligence — Laying the foundations for the future of science, intelligence, and society | Science Tokyo
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
140
Soluciones al examen de Geografía 2026. JULIO (Convocatoria Extraordinaria)
Avatar for Juan Martín Martín juanmartin2026
1
14k

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.2k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.5k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
350
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
510
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.7k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
830

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)