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 Kazuki Maeda kzkmaeda
1
210
生成AI
Avatar for リスナビ takenawa
0
6.5k
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2.1k
（キラキラ）人事教育担当のつらみ～教育担当として知っておくポイント～
Avatar for モブエンジニア masakiokuda
0
110
Linuxのよく使うコマンドを解説
Avatar for MIKIO KUBO mickey_kubo
1
150
アウトプット0のエンジニアが半年でアウトプットしまくった話 With JAWS-UG
Avatar for モブエンジニア masakiokuda
2
320
2025年度春学期　統計学　第2回　統計資料の収集と読み方（講義前配付用） (2025. 4. 17)
Avatar for Akira Asano akiraasano
PRO
0
150
2025年度春学期　統計学　第10回　分布の推測とは ー 標本調査，度数分布と確率分布 (2025. 6. 12)
Avatar for Akira Asano akiraasano
PRO
0
150
仮説の取扱説明書/User_Guide_to_a_Hypothesis
Avatar for florets1 florets1
4
320
Data Physicalisation - Lecture 9 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
450
20250625_なんでもCopilot 一年の振り返り
Avatar for ponponmikan ponponmikankan
0
220
今も熱いもの！魂を揺さぶる戦士の儀式：マオリ族のハカ
Avatar for Shuma shubox
0
210

Featured

See All Featured
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.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)