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
予習動画
Avatar for リスナビ takenawa
0
7k
2025年度春学期　統計学　第10回　分布の推測とは ー 標本調査，度数分布と確率分布 (2025. 6. 12)
Avatar for Akira Asano akiraasano
PRO
0
150
生成AIとの上手な付き合い方【公開版】/ How to Get Along Well with Generative AI (Public Version)
Avatar for NAGATA Hiroaki handlename
0
490
CHARMS-HP-Banner
Avatar for Rica weltraumreisende
0
230
SkimaTalk Introduction for Students
Avatar for SkimaTalk skimatalk
0
390
自己紹介 / who-am-i
Avatar for Yohei Yasukawa yasulab
PRO
3
5.2k
America and the World
Avatar for Spiro Bolos oripsolob
0
510
OJTに夢を見すぎていませんか？ ロールプレイ研修の試行錯誤/tryanderror-in-roleplaying-training
Avatar for takipone takipone
1
160
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1.7k
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
Avatar for takashi takashi_toyosaki
1
160
Linuxのよく使うコマンドを解説
Avatar for MIKIO KUBO mickey_kubo
1
150
人になにかを教えるときに考えていること（2025-05版 / VRC-LT #18）
Avatar for sksat sksat
4
1k

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k

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)