$30 off During Our Annual Pro Sale. View Details »

Art of building reusable component

Avatar for Anenth Anenth
October 07, 2017
Education
0
780

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
附属科学技術高等学校の概要｜Science Tokyo（東京科学大学）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
3k
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
Avatar for Phil Huang pichuang
0
140
3Dプリンタでロボット作るよ#5_ロボット向け3Dプリンタ材料
Avatar for shiba_8ro shiba_8ro
0
130
20250910_エンジニアの成長は自覚するところから_サポーターズ勉強会
Avatar for 森田　一平 ippei0923
0
360
Library Prefects 2025-2026
Avatar for cbtlibrary cbtlibrary
0
150
Презентация "Знаю Россию"
Avatar for Evgeniy Tyurikov spilsart
0
380
中央教育審議会 教育課程企画特別部会 情報・技術ワーキンググループに向けた提言 ー次期学習指導要領での情報活用能力の抜本的向上に向けてー
Avatar for みんなのコード codeforeveryone
0
470
国際卓越研究大学計画｜Science Tokyo（東京科学大学）
Avatar for Science Tokyo （東京科学大学） / Science Tokyo (Institute of Science Tokyo) sciencetokyo
PRO
0
38k
Node-REDで広がるプログラミング教育の可能性
Avatar for ueponx ueponx
1
220
あなたの言葉に力を与える、演繹的なアプローチ
Avatar for Takuto Nagami logica0419
1
240
Google Gemini (Gem) の育成方法
Avatar for MIKIO KUBO mickey_kubo
2
770
Linguaxes de programación
Avatar for i-rochiño irocho
0
500

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
120
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
400
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
65
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.1k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
1.9k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.6k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
390

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)