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
510

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
35
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
79
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
110
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
55
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
48
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
290
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
92
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
810
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
170

Other Decks in Programming

See All in Programming
52c76fb01bb5d1908f91b0231a44a7b5?s=48 boriswilhelms
0
170
C0e58802a4228552548bb8ca596ca966?s=48 mihyaeru21
0
370
3187acdb47cb44678ad716c3228bf91b?s=48 keeeeen
0
110
74253b7e85d0a315a23d74db50abd8e4?s=48 coa00
2
170
32ae0ae04b5c4f1b29ee9e8826823fbc?s=48 joergneumann
0
150
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
960
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
310
E163ae0588e154424d78e17672076ef4?s=48 kosugitti
1
340
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
120
A7c0e931e8189d7a709eaebb44ed69d4?s=48 rince
3
250
Ff1e356e879c9a03c73e7891cb9d63a6?s=48 makomakok
1
260
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
4.8k

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
145
20k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.6k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
18k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
17k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
8.8k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.7k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
193
8.6k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.6k
78b475797a14c84799063c7cd073962f?s=48 holman
447
130k

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