Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Art of building reusable component

Anenth
October 07, 2017
Education
0
760

Art of building reusable component

How to think about structuring your components

Anenth

October 07, 2017
Tweet

Other Decks in Education

See All in Education
FinOpsスキルの効率的な上げ方 #ochacafe
chacco38
1
120
複式簿記から純資産を排除する/eliminate_net_assets_from_double-entry_bookkeeping
florets1
1
340
Ch4_-_Partie_3.pdf
bernhardsvt
0
110
Tangible, Embedded and Embodied Interaction - Lecture 7 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.6k
環境・社会理工学院 建築学系 大学院入試について｜Science Tokyo（東京科学大学）
sciencetokyo
PRO
0
380
プロダクト部門のマネージャー全員でマネジメントポリシーを宣言した記録_-_EMConf_JP_2025.2.27.pdf
stanby_inc
1
1.7k
系統性を意識したプログラミング教育～ガチャを実装しよう～
asial_edu
0
270
【お子さま向け】Amazon ECS サービスディスカバリーって知ってる？【楽しい読み聞かせ】
tubone24
8
840
ワクワク発見資料
akenohoshi
0
210
新人研修の課題と未来を考える
natsukokanda1225
0
1.5k
教員向け生成AI基礎講座（2025年3月28日 東京大学メタバース工学部 ジュニア講座）
luiyoshida
0
150
論文紹介のやり方 / How to review
kaityo256
PRO
15
77k

Featured

See All Featured
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
28
1.6k
Thoughts on Productivity
jonyablonski
69
4.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Making Projects Easy
brettharned
116
6.1k
Why Our Code Smells
bkeepers
PRO
336
57k

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)