Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Intro to React Components - React Delhi NCR 01 ...
Search
Arun Michael Dsouza
July 01, 2018
Programming
1
670
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
Share
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
49
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
190
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
170
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
260
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
arunmichaeldsouza
0
150
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
120
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
420
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
私のEbitengineの第一歩
qt_luigi
0
420
iOSの隠されたAPIを解明し、開発効率を向上させる方法/iOSDC24
noppefoxwolf
2
120
(非公開スライド追加)座談会 「Strict ConcurrencyとSwift 6が開く新時代: 私たちはどう生きるか?」
shiz
1
140
私の考える初学者がBlazorできるまでの学習方法
tomokusaba
1
250
dRuby 入門者によるあなたの身近にあるdRuby 入門
makicamel
4
340
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
1
220
Swift Concurrencyとレースコンディション
objectiveaudio
1
390
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
120
最高の構文木の設計 2024年版
yui_knk
7
2.4k
Why Prism?
kddnewton
3
290
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1k
Wallet API, Verifier APIで実現するIDカード on iPhoneの世界
shitamori1272
1
330
Featured
See All Featured
Statistics for Hackers
jakevdp
793
220k
GraphQLとの向き合い方2022年版
quramy
43
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
46
48k
A Modern Web Designer's Workflow
chriscoyier
690
190k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Making Projects Easy
brettharned
113
5.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Optimizing for Happiness
mojombo
375
69k
Scaling GitHub
holman
458
140k
A Tale of Four Properties
chriscoyier
155
22k
Optimising Largest Contentful Paint
csswizardry
28
2.7k
Transcript
Intro to React Components Arun Michael Dsouza @amdsouza92 React Delhi/NCR
Header Sidebar Slider News News
Image source: www.hawaii.edu
Props React element
React element DOM element
JSX bit.ly/2ttPzcV
Functional components
Class components
Props are read-only!
Props are read-only!
All React components must act like pure functions with respect
to their props. bit.ly/2ywNi6n
Use state to update a component.
None
Dumb/stateless components
Smart/statefull components
• Abstracting complexity • Maintainability • Reusability • Ease of
testing
• 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
Thank you! React Delhi/NCR Arun Michael Dsouza @amdsouza92