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
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

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

  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