Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Arun Michael Dsouza
July 01, 2018
Programming
1
660

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

Introductory talk on React components, what they are and how to create them.

Arun Michael Dsouza

July 01, 2018
Tweet

More Decks by Arun Michael Dsouza

See All by Arun Michael Dsouza
Using the Gamepad API for a Better Gaming Experience on the Web
arunmichaeldsouza
0
32
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
190
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
160
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
220
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
arunmichaeldsouza
0
130
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
110
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
400
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
150
Getting started with React 16
arunmichaeldsouza
1
1k

Other Decks in Programming

See All in Programming
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
1.1k
Ruby Function Composition
bkuhlmann
1
340
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Elm 0.19.0 Changes
bkuhlmann
0
490
Hanami and htmx
bkuhlmann
0
210
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
ivargrimstad
0
320
2 週間で Twitter Bot を作ってみた
contour_gara
0
720
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
Git Rebase
bkuhlmann
11
1.6k
SIMD Parallel Programming with the Vector API
josepaumard
0
210
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
230

Featured

See All Featured
For a Future-Friendly Web
brad_frost
172
9k
How to Ace a Technical Interview
jacobian
273
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Six Lessons from altMBA
skipperchong
22
3k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
GraphQLとの向き合い方2022年版
quramy
33
12k
Done Done
chrislema
178
15k
Being A Developer After 40
akosma
64
580k
GitHub's CSS Performance
jonrohan
1025
450k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
5
1.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k

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