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

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
Geografía y fútbol. Atlanta. la megalópolis del fútbol
Avatar for Juan Martín Martín juanmartin2026
1
12k
The Strengthening Institutions Program
Avatar for Territorium territorium
PRO
0
190
Adobe Express
Avatar for Matleena Laakso matleenalaakso
2
8.4k
[2026前期火５] 論理学（京都大学文学部 前期 第9回）「正規化の停止性——ヒドラゲームによる証明」
Avatar for Shunsuke Yatabe yatabe
0
280
[2026前期火５] 論理学（京都大学文学部 前期 第12回）「証明を走らせる：カリー・ハワード対応」
Avatar for Shunsuke Yatabe yatabe
0
320
セキュリティ担当がいない中小医療機関を院外のRISSはどう支えるべきか / How External RISS Can Help Small Medical Institutions
Avatar for Kengo TODA eller86
1
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
320
sepm-training-sample
Avatar for 株式会社レヴィ levii
0
230
Beyond the Prompt: Programming as a Pathway to Statistical Thinking
Avatar for Mine Cetinkaya-Rundel minecr
0
360
AIでアウトプットできる時代だからこそ、自分の言葉で考えることの大切さ / What's Left to Think, When AI Can Write?
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
320
データマネジメント試験対策教材１〜データマネジメント基礎〜
Avatar for よしむら＠データマネジメント担当 yoshimura_datam
1
730
Science Tokyo University for International Research Excellence scheme_April 2026
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
190

Featured

See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
940
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
450
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.1k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
460
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
380
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
480

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)