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 Jul 2018 Meetup
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
44
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
240
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
arunmichaeldsouza
0
140
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
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
유연한 Composable 설계
l2hyunwoo
0
380
AHC035解説
terryu16
0
710
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
How to use Macrobenchmark
veronikapj
0
160
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
リハビリmruby
kishima
1
160
OpenAI/Gemini APIを使って EPUBを翻訳するCLIツールをつくってみた
tomiyan
0
790
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Being A Developer After 40
akosma
72
580k
Adopting Sorbet at Scale
ufuk
71
8.8k
The World Runs on Bad Software
bkeepers
PRO
63
11k
Music & Morning Musume
bryan
43
5.9k
Faster Mobile Websites
deanohume
303
30k
For a Future-Friendly Web
brad_frost
173
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Practical Orchestrator
shlominoach
185
10k
What the flash - Photography Introduction
edds
65
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
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