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
800
0

Art of building reusable component

How to think about structuring your components

Avatar for Anenth

Anenth

October 07, 2017

Other Decks in Education

See All in Education
遊ぶかね欲しさの犯行（ルビ：労働）です
Avatar for ShirayanagiRyuji shirayanagiryuji
0
210
参加制約理論
Avatar for roadofhope roadofhope
0
150
Throw Yourself In! - How I've learned English and What I'm Facing
Avatar for Takeshi "George" Matsuda georgeorge
1
210
Soluciones al examen de Geografía 2026. JULIO (Convocatoria Extraordinaria)
Avatar for Juan Martín Martín juanmartin2026
1
16k
チームの鏡になるー自分の癖を知ると、チームのパターンが見えてくる@スクフェス仙台
Avatar for saori murooka saorimurooka
0
110
Geografía y Fútbol: Chattanooga Geografía del Búnker de La Roja.
Avatar for Juan Martín Martín juanmartin2026
1
12k
新しいJavaを学んで・使っていこう！ / osd26do
Avatar for Hiroto YAMAKAWA gishi_yama
0
200
NDIAS Automotive / IoT CTF 2026 Recap - Keyfob & OSINT
Avatar for tokina (himitu) himitu23
0
270
Geografía y fútbol. Atlanta. la megalópolis del fútbol
Avatar for Juan Martín Martín juanmartin2026
1
12k
2026年度春学期　統計学　第14回　分布についての仮説を検証する ― 仮説検定（１） (2026. 7. 2)
Avatar for Akira Asano akiraasano
PRO
0
120
良書紹介08_ 頭のいい子がやっているすごいグラフの読み方
Avatar for ぶんちん bunnchinn3
0
130
Catecismo 26 #2 - Do Credo; Introdução ao 1º artigo
Avatar for Congregação Mariana da Imaculada Conceição e Santo Afonso de Ligório cm_manaus
0
170

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
170
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.1k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
230
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
470
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
310
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.9k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k

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)