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
核燃料政策を問う─英国の決断と日本
Avatar for HKano hide2kano
0
180
社外コミュニティの歩き方
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
2
190
大学院進学について（2025年度版）
Avatar for imash imash
0
120
情報科学類で学べる専門科目38選
Avatar for Mutsuha Asada momeemt
0
590
SISTEMA DE MEMORIA Y SU IMPACTO EN LAS DECISIONES.
Avatar for José Vicente Pérez Cubias jvpcubias
0
130
技術勉強会 〜 OAuth & OIDC 入門編 / 20250528 OAuth and OIDC
Avatar for OpenID Foundation Japan oidfj
5
1.8k
理想の英語力に一直線！最高効率な英語学習のすゝめ
Avatar for Takuto Nagami logica0419
6
390
自己紹介 / who-am-i
Avatar for Yohei Yasukawa yasulab
PRO
3
5.4k
Técnicas y Tecnología para la Investigación Neurocientífica en el Neuromanagement
Avatar for José Vicente Pérez Cubias jvpcubias
0
130
OJTに夢を見すぎていませんか？ ロールプレイ研修の試行錯誤/tryanderror-in-roleplaying-training
Avatar for takipone takipone
1
220
AIの時代こそ、考える知的学習術
Avatar for YUM3 yum3
2
200
Ch1_-_Partie_1.pdf
Avatar for Monsieur Bernhard bernhardsvt
0
240

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.9k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k

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)