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
790

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
小学校5,6年生向けキャリア教育 大人になるまでの道
Avatar for Satoru Takeuchi sat
PRO
8
3.4k
What workforce agencies must have in place to compete for and deliver on RESTART grants
Avatar for Territorium territorium
PRO
0
120
滑空スポーツ講習会2025(実技講習）EMFT講習　実施要領/JSA EMFT 2025 procedure
Avatar for JSA seminar jsaseminar
0
150
演習：Gitの応用操作 / 05-git-advanced
Avatar for kaityo256 kaityo256
PRO
0
220
Surviving the surfaceless web
Avatar for Jono Alderson jonoalderson
0
740
Security, Privacy and Trust - Lecture 11 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
MySmartSTEAM 2526
Avatar for cbtlibrary cbtlibrary
0
210
Analysis and Validation - Lecture 4 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
2.6k
0203
Avatar for cbtlibrary cbtlibrary
0
140
AIで日本はどう進化する？ 〜キミが生きる2035年の地図〜
Avatar for Zun Behoma behomazn
0
130
Multimodal Interaction - Lecture 3 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
2k
Gitの仕組みと用語 / 01-b-term
Avatar for kaityo256 kaityo256
PRO
0
200

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
250
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
130
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
650
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
420
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
700
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
140
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
320
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
87
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
770

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)