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
520

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
43
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
82
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
120
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
57
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
50
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
290
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
95
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
830
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
180

Other Decks in Programming

See All in Programming
C27317d1ebe4e4a01504acab9d87fe61?s=48 hellsquirrel
0
360
25fb3e7054e52e524817044853c2d4c3?s=48 taisukeoe
0
230
64e95d2d8051ee58501f21987f46b9e7?s=48 chck
5
2.2k
700eacfd79780dfbd6453c971cadafb8?s=48 martinisoft
1
170
1d5ca7d8f17f15de4272e1ec7ef7abac?s=48 watilde
0
720
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
1
520
36751965e79dca4618cccc3c08efc912?s=48 leichteckig
0
140
032eb5910248d5ffd0e0ac3820c45583?s=48 gorilla0513
4
840
2e0a66c86d35c1ef7ae20eae1de4ffda?s=48 jreznot
1
880
53c93eb80b5958590b18205dc5fd3634?s=48 smdmts
0
130
218473ff7abad0fcd72865da2b23bb5b?s=48 memory1994
6
620
2dea59f12b07aa47a8604dc21ba27036?s=48 izm
0
430

Featured

See All Featured
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
8k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
118
4.9k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
207
7k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
19k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
340
16k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
258
20k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
55k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
11
660
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
243
21k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k

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