$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
IKIGAI World Fes：program
Avatar for Fujinari tsutsumi
1
2.6k
Introdución ás redes
Avatar for i-rochiño irocho
0
510
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.1k
Cifrado asimétrico
Avatar for i-rochiño irocho
0
360
3Dプリンタでロボット作るよ#5_ロボット向け3Dプリンタ材料
Avatar for shiba_8ro shiba_8ro
0
130
TeXで変える教育現場
Avatar for doratex doratex
0
4.1k
Microsoft Office 365
Avatar for Matleena Laakso matleenalaakso
0
2k
HyRead2526
Avatar for cbtlibrary cbtlibrary
0
160
1202
Avatar for cbtlibrary cbtlibrary
0
140
1014
Avatar for cbtlibrary cbtlibrary
0
500
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.3k
Master of Applied Science & Engineering: Computer Science & Master of Science in Applied Informatics: Artificial Intelligence and Data Science
Avatar for Beat Signer signer
PRO
0
860

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Done Done
Avatar for chrislema chrislema
186
16k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k

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)