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
710
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
80
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
230
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
210
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
350
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
arunmichaeldsouza
0
180
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
160
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
480
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
170
Getting started with React 16
arunmichaeldsouza
1
1.2k
Other Decks in Programming
See All in Programming
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
500
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
1.1k
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
390
TypeScriptでDXを上げろ! Hono編
yusukebe
3
770
「App Intent」よくわからんけどすごい!
rinngo0302
1
100
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
7.3k
NPOでのDevinの活用
codeforeveryone
0
900
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
610
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.7k
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
660
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
11
1.6k
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
150
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Designing Experiences People Love
moore
142
24k
Music & Morning Musume
bryan
46
6.7k
A better future with KSS
kneath
238
17k
We Have a Design System, Now What?
morganepeng
53
7.7k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Rails Girls Zürich Keynote
gr2m
95
14k
Scaling GitHub
holman
460
140k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
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