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
29
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
74
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
99
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
52
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
43
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
280
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
89
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
2
810
C00289a7b57c00bb0ab55d5e04cc3345?s=48 arunmichaeldsouza
1
170

Other Decks in Programming

See All in Programming
575ca492bac55e895d0e1c86f7d709fe?s=48 hschwentner
9
1.6k
35761e3936deba2f8189c2d20982c771?s=48 getify
1
420
1dde44a6055fe7b3511d5cb543d88cbe?s=48 ukyo
4
3.6k
2559c50bf24b65eaba52fd7c75260c93?s=48 olgamaciaszek
1
580
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
220
5ad0bb268dd2605b09165d464308cb7e?s=48 igaiga
2
120
30682a28206e455a1bc57d7d85cd1e14?s=48 shomasegi
1
110
8261d04bf57a042c8eab6757c386f7b2?s=48 mocobeta
4
1.3k
7c79a6c043825af5c538fb996430607c?s=48 peacemaker07
2
210
376e4eb9dc6c2e33d1330262edc4f109?s=48 janko_m
0
300
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
3
130
47c092e185020f83fcb35e3ed998ca0e?s=48 leocavalcante
2
190

Featured

See All Featured
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
22
1.6k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
297
30k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
284
110k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
18
900
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
100
5.7k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
204
6.7k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k

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