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
【ZEPメタバース校舎操作ガイド】
Avatar for aini school小中等部 ainischool
0
110
国際卓越研究大学計画｜Science Tokyo（東京科学大学）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
48k
次期バージョン 14.5.1 Early Access Program が始まりました
Avatar for Haruyuki Nakano harunakano
1
120
高校数学とJulia言語
Avatar for Shimizu Dan shimizudan
0
130
Data Representation - Lecture 3 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2.9k
160人の中高生にAI・技術体験の講師をしてみた話
Avatar for ShuntaToda shuntatoda
1
380
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
4
18k
2025年の本当に大事なAI動向まとめ
Avatar for Frieve-A frievea
1
190
The Next Big Step Toward Nuclear Disarmament
Avatar for HKano hide2kano
0
290
核軍備撤廃に向けた次の大きな一歩─核兵器を先には使わないと核保有国が約束すること
Avatar for HKano hide2kano
0
300
栃木県警サイバーセキュリティ研修会2026
Avatar for Nomizo Nomizo nomizone
0
330
AIで日本はどう進化する？ 〜キミが生きる2035年の地図〜
Avatar for Zun Behoma behomazn
0
130

Featured

See All Featured
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
940
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
250
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.4k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
69
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k

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)