$30 off During Our Annual Pro Sale. View Details »

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
Introdución ás redes
Avatar for i-rochiño irocho
0
500
卒論の書き方 / Happy Writing
Avatar for kaityo256 kaityo256
PRO
50
26k
AIは若者の成長機会を奪うのか？
Avatar for Frieve-A frievea
0
130
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
Avatar for Phil Huang pichuang
0
140
生成AIとの付き合い方 / Generative AI and us
Avatar for kaityo256 kaityo256
PRO
11
6.5k
Software
Avatar for i-rochiño irocho
0
640
俺と地方勉強会 - KomeKaigi・地方勉強会への期待 -
Avatar for ふぁらお加藤 pharaohkj
1
1.5k
1202
Avatar for cbtlibrary cbtlibrary
0
140
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.3k
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.2k
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
2
3.1k
1008
Avatar for cbtlibrary cbtlibrary
0
110

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
It's Worth the Effort
Avatar for 3n 3n
187
29k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.8k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k

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)