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
530

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
47
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
83
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
120
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
59
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
56
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
290
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
100
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
840
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
180

Other Decks in Programming

See All in Programming
9b4e080285fdb22f989442f2c824e99c?s=48 yoshii27
0
7.7k
87cc3b4ffeb28446da380c5acdcf443e?s=48 takapi86
0
420
Ebeb5d8fd081058ba8df73d378bf83d7?s=48 phoenixhawk
0
120
7a33106dde82ecc65a220eaf9d131222?s=48 patrickjahr
0
120
Eae7b6aeee72d3081b01d09a2d675f9a?s=48 akkeylab
3
200
A6c581d156d86d79ea83cbbccdfebbe0?s=48 yoshikouki
0
320
29dd31db419a2e56cf6a8a11f9de98ee?s=48 masakazoo
2
480
E1b600a54e2e4c1fe276cfe71a4fb02a?s=48 currylike37
0
420
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
150
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
330
8673a339e4002704b42bc66c43c65445?s=48 scrpgil
0
100
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
8
5.1k

Featured

See All Featured
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
24
900
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
41
1.5k
245cee81a9c424266e5e401d844ea881?s=48 lara
26
3.3k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.3k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
180
14k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
593
210k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
333
16k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
270
17k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
227
8.9k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
147
20k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k

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