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
690
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
64
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
210
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
190
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
300
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
130
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
450
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
160
Getting started with React 16
arunmichaeldsouza
1
1.2k
Other Decks in Programming
See All in Programming
traP の部内 ISUCON とそれを支えるポータル / PISCON Portal
ikura_hamu
0
240
Vue.jsでiOSアプリを作る方法
hal_spidernight
0
130
Alba: Why, How and What's So Interesting
okuramasafumi
0
240
AHC041解説
terryu16
0
550
カンファレンス動画鑑賞会のススメ / Osaka.swift #1
hironytic
0
210
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
150
Pulsar2 を雰囲気で使ってみよう
anoken
0
150
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
190
月刊 競技プログラミングをお仕事に役立てるには
terryu16
2
1.3k
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
150
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
240
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
280
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
244
12k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
128
19k
No one is an island. Learnings from fostering a developers community.
thoeni
20
3.1k
Rails Girls Zürich Keynote
gr2m
94
13k
For a Future-Friendly Web
brad_frost
176
9.5k
Building Adaptive Systems
keathley
39
2.4k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
Facilitating Awesome Meetings
lara
51
6.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Building Your Own Lightsaber
phodgson
104
6.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Side Projects
sachag
452
42k
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