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

Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup

C00289a7b57c00bb0ab55d5e04cc3345?s=47 Arun Michael Dsouza
July 01, 2018
Programming
2
550

Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup

Introductory talk on React components, what they are and how to create them.

C00289a7b57c00bb0ab55d5e04cc3345?s=128

Arun Michael Dsouza

July 01, 2018
Tweet

More Decks by Arun Michael Dsouza

See All by Arun Michael Dsouza
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
61
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
92
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
130
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
69
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
62
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
290
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
110
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
880
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
190

Other Decks in Programming

See All in Programming
384e4d8bab8ac2a5e6f64dab1300c491?s=48 nagano
0
460
C400a6dc29b681f0284fd33c468e396e?s=48 shimotaroo
0
160
E8fae2ce31d2d3700bca68c464862bad?s=48 paru871
0
120
0b444bafa4ac943f395dc8917a4c5c99?s=48 lunastera
0
170
61fe6537eed31e8d1999ce1c1d5bf988?s=48 himaratsu
0
220
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
1
220
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
6
690
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
5
610
Af9db90220551fb78d294987b6296fbf?s=48 chmikata
0
470
8ad4be5fb42a8fd88d68a9054d9eba8e?s=48 tamai_63
0
1.2k
B546a9b97d993392e4b22b74b99b91fe?s=48 javiergs
PRO
0
150
D1c03114361714e1175dae60d115d19c?s=48 ryotori1024
0
220

Featured

See All Featured
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.3k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
55k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
40
2k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
267
11k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
405
20k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
78b475797a14c84799063c7cd073962f?s=48 holman
295
140k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
484
150k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
120
7.5k

Transcript

  1. Intro to React Components Arun Michael Dsouza
 @amdsouza92 React Delhi/NCR

  2. Header Sidebar Slider News News

  3. Image source: www.hawaii.edu

  4. Props React element

  5. React element DOM element

  6. JSX bit.ly/2ttPzcV

  7. Functional components

  8. Class components

  9. Props are read-only!

  10. Props are read-only!

  11. All React components must act like pure functions with respect

    to their props. bit.ly/2ywNi6n

  12. Use state to update a component.

  13. None

  14. Dumb/stateless components

  15. Smart/statefull components

  16. • Abstracting complexity • Maintainability • Reusability • Ease of

    testing

  17. • https://reactjs.org/docs/components-and-props.html • https://www.youtube.com/watch?v=0BHoz0ptv7k • https://reactjs.org/docs/thinking-in-react.html Quick links

  18. Thank you! React Delhi/NCR Arun Michael Dsouza
 @amdsouza92