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
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
2025-12-11 nakanoshima.dev LT
Avatar for Shigeki Shoji takesection
0
110
Cifrado asimétrico
Avatar for i-rochiño irocho
0
380
【洋書和訳：さよならを待つふたりのために】第2章　ガン特典と実存的フリースロー
Avatar for 柳沼諒平 yaginumatti
0
230
【ZEPホスト用メタバース校舎操作ガイド】
Avatar for aini school小中等部 ainischool
0
170
LotusScript でエージェント情報を出力してみた
Avatar for Haruyuki Nakano harunakano
0
120
滑空スポーツ講習会2025(実技講習）EMFT学科講習資料/JSA EMFT 2025
Avatar for JSA seminar jsaseminar
0
230
Flinga
Avatar for Matleena Laakso matleenalaakso
3
15k
Microsoft Office 365
Avatar for Matleena Laakso matleenalaakso
0
2.1k
React完全入門
Avatar for MIKIO KUBO mickey_kubo
1
120
JavaScript - Lecture 6 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.1k
Adobe Express
Avatar for Matleena Laakso matleenalaakso
2
8.1k
いわゆる「ふつう」のキャリアを歩んだ人の割合（若者向け）
Avatar for marimari hysmrk
0
310

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
120
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
320
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
940
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.7k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
250
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.3M
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
290

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)