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
[2026前期火５] 論理学（京都大学文学部 前期 第4回）「 ならば（→）の導入と証明ネット」
Avatar for Shunsuke Yatabe yatabe
0
380
Data Presentation - Lecture 5 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
3.2k
Managing Complexity: India’s Semiconductor Ambitions & New Industrial Policy
Avatar for Vikash Yadav vyadav
0
160
From Days to Minutes: How We Taught an AI to Onboard 50+ Tenants on our AI Features
Avatar for Miguel Cabrera mfcabrera
0
150
2026年度春学期　統計学　講義の進め方と成績評価について (2026. 4. 9)
Avatar for Akira Asano akiraasano
PRO
0
170
AI時代において英語学習は本当に必要？ ~未経験からのバイリンガルキャリアの始め方を教えます~
Avatar for Kenta Suzuki kekekenta
0
170
Data Processing and Visualisation Frameworks - Lecture 6 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
3.1k
アントレプレナーシップ教育機構 概要
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
3.4k
コミュニティを通じた_キャリア設計のススメ_20260424.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
280
0318
Avatar for cbtlibrary cbtlibrary
0
150
Gitがない時代 インターネットがない時代の 開発話
Avatar for sapi_kawahara sapi_kawahara
0
160
Why the humanities may be your best career bet
Avatar for Jay Heinrichs figarospeech
0
190

Featured

See All Featured
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
470
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
190
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
380
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
640
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.2k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
180
Between Models and Reality
Avatar for mayunak mayunak
4
310

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)