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
760

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 アシアル情報教育研究所 asial_edu
0
390
Analysis and Validation - Lecture 4 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
2.1k
2025年度春学期　統計学　第1回　イントロダクション (2025. 4. 10)
Avatar for Akira Asano akiraasano
PRO
0
150
2025/06/05_読み漁り学習
Avatar for Ken Nagamine nag8
0
120
推しのコミュニティはなんぼあってもいい / Let's join a lot of communities.
Avatar for Kaga kaga
2
1.6k
Course Review - Lecture 12 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1.7k
プレゼンテーション実践
Avatar for リスナビ takenawa
0
1.1k
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2k
Gesture-based Interaction - Lecture 6 - 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
120
2025年度春学期　統計学　第3回　クロス集計と感度・特異度，データの可視化 (2025. 4. 24)
Avatar for Akira Asano akiraasano
PRO
0
110
郷土教育モデル事業（香川県小豆島町）.pdf
Avatar for B&G bandg
0
180

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
9
610
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.6k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

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)