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 Shuma shubox
0
210
生成AIとの上手な付き合い方【公開版】/ How to Get Along Well with Generative AI (Public Version)
Avatar for NAGATA Hiroaki handlename
0
510
20250625_なんでもCopilot 一年の振り返り
Avatar for ponponmikan ponponmikankan
0
260
IMU-00 Pi
Avatar for kanaya kanaya
0
370
SkimaTalk Tutorial for Corporate Customers
Avatar for SkimaTalk skimatalk
0
290
2025/06/05_読み漁り学習
Avatar for Ken Nagamine nag8
0
160
OpenRobomaster 中国のロボットコンテスト　日本連携の可能性
Avatar for TAKASU Masakazu takasumasakazu
0
460
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない！！
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
110
SkimaTalk Introduction for Students
Avatar for SkimaTalk skimatalk
0
390
Data Management and Analytics Specialisation
Avatar for Beat Signer signer
PRO
0
1.4k
GitHubとAzureを使って開発者になろう
Avatar for Kento.Yamada ymd65536
1
140
モンテカルロ法(3) 発展的アルゴリズム / Simulation 04
Avatar for kaityo256 kaityo256
PRO
7
1.3k

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
970
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
450
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)