Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Art of building reusable component

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Curso de Consagração ao Sagrado Coração de Jesus - O Sagrado Coração na História (Aula 01)
Avatar for Congregação Mariana da Imaculada Conceição e Santo Afonso de Ligório cm_manaus
0
170
Human-AI Interaction - Lecture 11 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1k
2026年度春学期　統計学　第7回　データの関係を知る（２）ー 回帰と決定係数 (2026. 5. 21)
Avatar for Akira Asano akiraasano
PRO
0
110
アラムコSTEAMチャレンジ　実践報告書
Avatar for みんなのコード codeforeveryone
0
110
2026年度春学期　統計学　第5回　分布をまとめるー記述統計量（平均・分散など） (2026. 5. 7)
Avatar for Akira Asano akiraasano
PRO
0
120
Πλουτοκρατία: Η Τυραννία του Μαμμωνά και η Μεταανθρώπινη Δουλεία
Avatar for Amethystos amethyst1
0
250
The Art & Science of Elearning
Avatar for Mike Taylor tmiket
1
210
Interaction - Lecture 10 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
2.6k
[2026前期火５] 論理学（京都大学文学部 前期 第2回）「論理的な正しさはどこにあるのか」
Avatar for Shunsuke Yatabe yatabe
0
910
Science Tokyo国際卓越研究大学計画_202604
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
3.2k
[2026前期火５] 論理学（京都大学文学部 前期 第5回）「 ならばの問題演習・proof net・かつの規則」
Avatar for Shunsuke Yatabe yatabe
0
220
勝手にCULTIBASE で広げよう、探究の輪！ - CULTIVAL 2026
Avatar for Hiroshi SAKAI hiroc_sk
1
200

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
190
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
160
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
410
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.9k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.8k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
310
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
310

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)