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
790
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
SL AMIGOS 教育格差と私たちの取り組み - スリランカの支援学校への支援プロジェクト：リシンドゥ リオ 氏 （別府溝部学園短期大学 ビジネス観光コース 留学生):2720 Japan O.K. ロータリーEクラブ2026年4月6日卓話
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
530
Why the humanities may be your best career bet
Avatar for Jay Heinrichs figarospeech
0
150
Data Representation - Lecture 3 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2.9k
この講義について / 00-setup
Avatar for kaityo256 kaityo256
PRO
2
330
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
2.1k
20260207_なんコパ紹介PowerPoint Agent作成サンプル
Avatar for ponponmikan ponponmikankan
2
110
OSINT入門-CTF for GIRLS_SECCON14電脳会議
Avatar for Nomizo Nomizo nomizone
1
1.3k
Google AI Studio 開発者向け完全ガイド プロトタイピ まで ングからReactアプリ 構築・マルチモーダル活用
Avatar for MIKIO KUBO mickey_kubo
1
120
Introduction - Lecture 1 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
5.4k
View Manipulation and Reduction - Lecture 9 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
1
2.6k
事業紹介資料（トレーナー養成講座）
Avatar for 須藤賢太郎 kentaro1981
0
150
P3NFEST 2026 Spring ハンズオン「ハッキング・ラブ！はじめてのハッキングをやってみよう」資料
Avatar for Nomizo Nomizo nomizone
0
420

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
270
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.3k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
120
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
200
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.3k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
200
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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)