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
栃木県警サイバーセキュリティ研修会2026
Avatar for Nomizo Nomizo nomizone
0
200
ThingLink
Avatar for Matleena Laakso matleenalaakso
28
4.3k
0121
Avatar for cbtlibrary cbtlibrary
0
130
Padlet opetuksessa
Avatar for Matleena Laakso matleenalaakso
10
15k
Web 2.0 Patterns and Technologies - Lecture 8 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3k
俺と地方勉強会 - KomeKaigi・地方勉強会への期待 -
Avatar for ふぁらお加藤 pharaohkj
1
1.6k
1125
Avatar for cbtlibrary cbtlibrary
0
170
JAPAN AI CUP Prediction Tutorial
Avatar for Shotaro Ishihara upura
2
700
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.4k
【旧：ZEPメタバース校舎操作ガイド】
Avatar for aini school小中等部 ainischool
0
800
令和エンジニアの学習法 〜 生成AIを使って挫折を回避する 〜
Avatar for Yuduru moriga_yuduru
0
240
【ベテランCTOからのメッセージ】AIとか組織とかキャリアとか気になることはあるけどさ、個人の技術力から目を背けないでやっていきましょうよ
Avatar for Toshiaki Baba netmarkjp
2
2.9k

Featured

See All Featured
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
180
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
940
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
220

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)