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
770

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
20250910_エンジニアの成長は自覚するところから_サポーターズ勉強会
Avatar for 森田　一平 ippei0923
0
330
The knowledge panel is your new homepage
Avatar for Brad Wetherall bradwetherall
0
210
Técnicas y Tecnología para la Investigación Neurocientífica en el Neuromanagement
Avatar for José Vicente Pérez Cubias jvpcubias
0
180
いわゆる「ふつう」のキャリアを歩んだ人の割合（若者向け）
Avatar for marimari hysmrk
0
240
【ZEPメタバース校舎操作ガイド】
Avatar for aini school小中等部 ainischool
0
550
生態系ウォーズ　- ルールブック
Avatar for yui itoshima yui_itoshima
1
350
DIP_1_Introduction
Avatar for Mohammed Hachama hachama
0
320
the difficulty into words
Avatar for Hideyuki D ukky86
0
200
Introdución ás redes
Avatar for i-rochiño irocho
0
480
あなたの言葉に力を与える、演繹的なアプローチ
Avatar for Takuto Nagami logica0419
1
230
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
Avatar for Phil Huang pichuang
0
110
SISTEMA DE MEMORIA Y SU IMPACTO EN LAS DECISIONES.
Avatar for José Vicente Pérez Cubias jvpcubias
0
190

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k

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)