Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Art of building reusable component
Search
Anenth
October 07, 2017
Education
0
770
Art of building reusable component
How to think about structuring your components
Anenth
October 07, 2017
Tweet
Share
Other Decks in Education
See All in Education
予習動画
takenawa
0
7k
2025年度春学期 統計学 第10回 分布の推測とは ー 標本調査,度数分布と確率分布 (2025. 6. 12)
akiraasano
PRO
0
150
生成AIとの上手な付き合い方【公開版】/ How to Get Along Well with Generative AI (Public Version)
handlename
0
490
CHARMS-HP-Banner
weltraumreisende
0
230
SkimaTalk Introduction for Students
skimatalk
0
390
自己紹介 / who-am-i
yasulab
PRO
3
5.2k
America and the World
oripsolob
0
510
OJTに夢を見すぎていませんか? ロールプレイ研修の試行錯誤/tryanderror-in-roleplaying-training
takipone
1
160
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.7k
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
takashi_toyosaki
1
160
Linuxのよく使うコマンドを解説
mickey_kubo
1
150
人になにかを教えるときに考えていること(2025-05版 / VRC-LT #18)
sksat
4
1k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Statistics for Hackers
jakevdp
799
220k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
GraphQLとの向き合い方2022年版
quramy
49
14k
Optimizing for Happiness
mojombo
379
70k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Typedesign – Prime Four
hannesfritz
42
2.7k
Transcript
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
Anenth (@anenthv) Senior front end engineer recruiterbox
T H E M A G I C Functional components
+ CSS
Text Input Button Card Page
Page Card
Text Input Button
Modifiers
None
None
None
None
Modifiers
None
Card Card Header
Text Grid
None
• 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
Demo time http://bit.ly/art-rcom
T H A N K Y O U Anenth (@anenthv)