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
日本の教育の未来 を考える テクノロジーは教育をどのように変えるのか
kzkmaeda
1
210
生成AI
takenawa
0
6.5k
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
1
2.1k
(キラキラ)人事教育担当のつらみ~教育担当として知っておくポイント~
masakiokuda
0
110
Linuxのよく使うコマンドを解説
mickey_kubo
1
150
アウトプット0のエンジニアが半年でアウトプットしまくった話 With JAWS-UG
masakiokuda
2
320
2025年度春学期 統計学 第2回 統計資料の収集と読み方(講義前配付用) (2025. 4. 17)
akiraasano
PRO
0
150
2025年度春学期 統計学 第10回 分布の推測とは ー 標本調査,度数分布と確率分布 (2025. 6. 12)
akiraasano
PRO
0
150
仮説の取扱説明書/User_Guide_to_a_Hypothesis
florets1
4
320
Data Physicalisation - Lecture 9 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
450
20250625_なんでもCopilot 一年の振り返り
ponponmikankan
0
220
今も熱いもの!魂を揺さぶる戦士の儀式:マオリ族のハカ
shubox
0
210
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.5k
Designing for humans not robots
tammielis
253
25k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Code Reviewing Like a Champion
maltzj
524
40k
Bash Introduction
62gerente
613
210k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Git: the NoSQL Database
bkeepers
PRO
430
65k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Building Applications with DynamoDB
mza
95
6.5k
Building an army of robots
kneath
306
45k
Embracing the Ebb and Flow
colly
86
4.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)