Pro Yearly is on sale from $80 to $50! »

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

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

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
31
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
76
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
100
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
53
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
45
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
280
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
91
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
810
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
170

Other Decks in Programming

See All in Programming
9f3a83db74bee75a64b5e6ed106a775c?s=48 twada
38
14k
911650d8fcd455d179e45b4bf6cb7219?s=48 masaykisano
0
300
2ed42bc0f8a07800c61245ddafc1056b?s=48 dachi023
0
110
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
2
280
857072f5d3d767da89a8edd1c7ec9ff2?s=48 eliraneliassy
0
110
C0e29dade6ec33081689ac135a269b45?s=48 crgarridos
1
150
9a22d09f92d50fa3d2a16766d0ba52f8?s=48 fabpot
0
900
Bc142fbacf80354db09fe3dda44afcf1?s=48 nobonobo
0
140
364d59ac0b4b4e5eee8aeb27a127d176?s=48 tgalopin
1
1.1k
Acd2f6f7498ea41881e161e191aa7c02?s=48 yattom
3
450
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
140
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
3
660

Featured

See All Featured
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
60k
245cee81a9c424266e5e401d844ea881?s=48 lara
15
2.5k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
10
950
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
7
340
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
282
46k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
39
2.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
310
21k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
306
17k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
654
54k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.1k

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