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

Intro to React Components - React Delhi NCR 01 ...

Arun Michael Dsouza
July 01, 2018
Programming
1
680

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
56
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
200
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
180
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
280
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
arunmichaeldsouza
0
160
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
120
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
450
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
150
Getting started with React 16
arunmichaeldsouza
1
1.1k

Other Decks in Programming

See All in Programming
Full stack testing :: basic to basic
up1
1
930
tidymodelsによるtidyな生存時間解析 / Japan.R2024
dropout009
1
750
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
2
460
第5回日本眼科AI学会総会_AIコンテスト_３位解法
neilsaw
0
170
バグを見つけた？それAppleに直してもらおう！
uetyo
0
170
RWC 2024 DICOM & ISO/IEC 2022
m_seki
0
200
return文におけるstd::moveについて
onihusube
1
830
テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho
ma_cho29
1
1.3k
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
350
モバイルアプリにおける自動テストの導入戦略
ostk0069
0
110
From Translations to Multi Dimension Entities
alexanderschranz
2
130
14 Years of iOS: Lessons and Key Points
seyfoyun
1
770

Featured

See All Featured
Building Adaptive Systems
keathley
38
2.3k
Agile that works and the tools we love
rasmusluckow
328
21k
Become a Pro
speakerdeck
PRO
26
5k
Code Review Best Practice
trishagee
65
17k
The Pragmatic Product Professional
lauravandoore
32
6.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
Navigating Team Friction
lara
183
15k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k

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