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
0
770

Art of building reusable component

How to think about structuring your components

Avatar for Anenth

Anenth

October 07, 2017
Tweet

Other Decks in Education

See All in Education
Sponsor the Conference | VizChitra 2025
Avatar for VizChitra vizchitra
0
620
生態系ウォーズ　- ルールブック
Avatar for yui itoshima yui_itoshima
1
250
ROSConJP 2025 発表スライド
Avatar for ぐるぐる f0reacharr
0
190
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない！！
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
120
登壇未経験者のための登壇戦略～LTは設計が9割！！！～
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
3
660
Transición del Management al Neuromanagement
Avatar for José Vicente Pérez Cubias jvpcubias
0
210
GitHubとAzureを使って開発者になろう
Avatar for Kento.Yamada ymd65536
1
160
【品女100周年企画】Pitch Deck
Avatar for 品川女子学院チェンジエージェントプロジェクト shinagawajoshigakuin_100th
0
5.8k
2025年度春学期　統計学　第14回　分布についての仮説を検証する ー 仮説検定（１） (2025. 7. 10)
Avatar for Akira Asano akiraasano
PRO
0
140
2025年度春学期　統計学　第8回　演習(1) 問題に対する答案の書き方（講義前配付用） (2025. 5. 29)
Avatar for Akira Asano akiraasano
PRO
0
140
Pythonパッケージ管理 [uv] 完全入門
Avatar for MIKIO KUBO mickey_kubo
23
24k
20250807_がんばらないコミュニティ運営
Avatar for ponponmikan ponponmikankan
0
160

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.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)