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
Gamified Interventions for Composting Behavior: A Case Study Using the Gamiflow Framework in a Workplace Setting
Avatar for Ezequiel dos Santos ezefranca
1
120
自己紹介 / who-am-i
Avatar for Yohei Yasukawa yasulab
PRO
3
5.2k
Webリテラシー基礎
Avatar for リスナビ takenawa
0
5.6k
Gaps in Therapy in IBD - IBDInnovate 2025 CCF
Avatar for Peter Higgins higgi13425
0
490
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
Avatar for takashi takashi_toyosaki
1
150
Design Guidelines and Principles - Lecture 7 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
2.4k
データ分析
Avatar for リスナビ takenawa
0
5.6k
諸外国の理科カリキュラムにおけるビッグアイデアの構造比較
Avatar for Daiki Nakamura arumakan
0
310
教員向け生成AI基礎講座（2025年3月28日 東京大学メタバース工学部 ジュニア講座）
Avatar for Lui Yoshida luiyoshida
1
570
2025年度春学期　統計学　第1回　イントロダクション (2025. 4. 10)
Avatar for Akira Asano akiraasano
PRO
0
170
Linuxのよく使うコマンドを解説
Avatar for MIKIO KUBO mickey_kubo
1
140
SARA Annual Report 2024-25
Avatar for SARA Institute sara2023
1
180

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
680
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950

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)