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
0
120
”育てる”から”育つ”仕組みへ！スクラムによる新入社員教育
Avatar for a-nakamura1015 arapon
0
160
Transición del Management al Neuromanagement
Avatar for José Vicente Pérez Cubias jvpcubias
0
240
SISTEMA DE MEMORIA Y SU IMPACTO EN LAS DECISIONES.
Avatar for José Vicente Pérez Cubias jvpcubias
0
180
GOVERNOR ADDRESS：2025年9月29日合同公式訪問例会：2720 Japan O.K. ロータリーEクラブ、2025年10月6日卓話：藤田 千克由 氏（国際ロータリー第2720地区 2025－2026年度 ガバナー・大分中央ロータリークラブ・大分トキハタクシー（株）顧問）
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
360
Padlet opetuksessa
Avatar for Matleena Laakso matleenalaakso
4
14k
【Discordアカウント作成ガイド】
Avatar for aini school小中等部 ainischool
0
220
相互コミュニケーションの難しさ
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
260
「実践的探究」を志向する日本の教育研究における近年の展開 /jera2025
Avatar for Kirie Miyajima kiriem
0
110
Adobe Express
Avatar for Matleena Laakso matleenalaakso
1
8k
『会社を知ってもらう』から『安心して活躍してもらう』までの プロセスとフロー
Avatar for sasakendayo sasakendayo
0
270
サンキッズゾーン 春日井駅前 ご案内
Avatar for Sanyo Homes sanyohomes
0
1.1k

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
850
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
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)