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
授業レポート：共感と協調のリーダーシップ（2025年上期）
Avatar for ジブナル jibunal
1
130
Técnicas y Tecnología para la Investigación Neurocientífica en el Neuromanagement
Avatar for José Vicente Pérez Cubias jvpcubias
0
170
1014
Avatar for cbtlibrary cbtlibrary
0
460
Web Architectures - Lecture 2 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Test-NUTMEG紹介スライド
Avatar for Mugicha mugiiicha
0
230
吉岡研究室紹介(2025年度）
Avatar for Yoshioka Lab (Keio CSG) kentaroy47
0
400
「実践的探究」を志向する日本の教育研究における近年の展開 /jera2025
Avatar for Kirie Miyajima kiriem
0
110
万博非公式マップとFOSS4G
Avatar for K.Sakanoshita barsaka2
0
1.4k
2024-2025 CBT top items
Avatar for cbtlibrary cbtlibrary
0
130
日本の情報系社会人院生のリアル -JAIST 修士編-
Avatar for Yuriko Kikuchi yurikomium
1
130
アントレプレナーシップ教育 ~ 自分で自分の幸せを決めるために ~
Avatar for Ryosuke Yoshizaki yoshizaki
0
210
Master of Applied Science & Engineering: Computer Science & Master of Science in Applied Informatics: Artificial Intelligence and Data Science
Avatar for Beat Signer signer
PRO
0
830

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Done Done
Avatar for chrislema chrislema
185
16k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k

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)