Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
810
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
HCI and Interaction Design - Lecture 2 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
2k
CLASSIFICATION OF CRUDE DRUGS
Avatar for Pawan Kumar Sahu pawan_pharm
0
220
aini school小中等部説明会資料
Avatar for aini school小中等部 ainischool
0
180
1007
Avatar for cbtlibrary cbtlibrary
0
220
Antigravityを使ってGeminiAPI（NanobananaPro）と連携して挿絵メーカーを作った
Avatar for よしむら＠データマネジメント担当 yoshimura_datam
0
260
AIの力を100%引き出すために
Avatar for Frieve-A frievea
0
610
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
4
19k
Design Guidelines and Models - Lecture 5 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.7k
SANG PENCIPTA BERBICARA (01ABSG-Q4-2026)
Avatar for Ibadah Advent by eL Family Mission ssmedikasda
0
470
AWS Academy プログラムのご紹介
Avatar for 平賀博司 hiragahh
0
110
FA26 CLU MS Clinical Psychology New Student Orientation
Avatar for Jamie D. Bedics, PHD, ABPP jdbedics
0
180
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 1
Avatar for Adam hiola
0
13k

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
320
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
890
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
940
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.3k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.8k

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)