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

Art of building reusable component

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Anenth Anenth
October 07, 2017
Education
790
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
Data Physicalisation - Lecture 9 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
1
950
理工学系 第1回大学院説明会2026｜東京科学大学（Science Tokyo）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
1
2.1k
Data Representation - Lecture 3 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
3k
2026年度春学期　統計学　第2回　統計資料の収集と読み方 (2026. 4. 16)
Avatar for Akira Asano akiraasano
PRO
0
140
What workforce agencies must have in place to compete for and deliver on RESTART grants
Avatar for Territorium territorium
PRO
0
150
[2026前期火５] 論理学（京都大学文学部 前期 第2回）「論理的な正しさはどこにあるのか」
Avatar for Shunsuke Yatabe yatabe
0
810
Laura Wilson - The Quarterly PR Pivot
Avatar for Laura Wilson laurawilsonbseo1
1
260
Tangible, Embedded and Embodied Interaction - Lecture 7 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
2.2k
Human-AI Interaction - Lecture 11 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
980
コミュニティを通じた_キャリア設計のススメ_20260424.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
240
[2026前期火５] 論理学（京都大学文学部 前期 第4回）「 ならば（→）の導入と証明ネット」
Avatar for Shunsuke Yatabe yatabe
0
260
コマンドラインの使い方 / 01-d-cli
Avatar for kaityo256 kaityo256
PRO
1
150

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
290
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
29
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
780
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
130
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Between Models and Reality
Avatar for mayunak mayunak
3
280
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.2k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k

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)