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
780

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
MySmartSTEAM 2526
Avatar for cbtlibrary cbtlibrary
0
170
NUTMEG紹介スライド
Avatar for Mugicha mugiiicha
0
710
沖ハック~のみぞうさんとハッキングチャレンジ☆~
Avatar for Nomizo Nomizo nomizone
1
540
渡辺研Slackの使い方 / Slack Local Rule
Avatar for kaityo256 kaityo256
PRO
10
10k
生成AIとの付き合い方 / Generative AI and us
Avatar for kaityo256 kaityo256
PRO
13
6.8k
Padlet opetuksessa
Avatar for Matleena Laakso matleenalaakso
9
15k
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
4
17k
東大１年生にJulia教えてみた
Avatar for Yusuke Matsui matsui_528
7
11k
AIは若者の成長機会を奪うのか？
Avatar for Frieve-A frievea
0
150
the difficulty into words
Avatar for Hideyuki D ukky86
0
340
QR-koodit opetuksessa
Avatar for Matleena Laakso matleenalaakso
0
1.8k
The knowledge panel is your new homepage
Avatar for Brad Wetherall bradwetherall
0
230

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
31k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
2
190
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.1k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
4.2k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
21
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
45

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)