Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup

Arun Michael Dsouza
July 01, 2018
Programming
2
600

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
1
98
React JS Code Splitting - Why and How?
arunmichaeldsouza
2
120
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
1
150
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
arunmichaeldsouza
1
85
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
1
84
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
1
310
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
1
120
Getting started with React 16
arunmichaeldsouza
2
910
The Era of Module Bundlers - JSConf Belgium 2017
arunmichaeldsouza
1
220

Other Decks in Programming

See All in Programming
JUnit 5 wird 5
marcphilipp
1
130
Rethinking Auth for SPAs and Micro Frontends: Easy and Secure With Gateways
manfredsteyer
PRO
0
100
今更だけどUIKitで型パラメータのインジェクトを利用してViewのレイアウトをしてみよう
martysuzuki
0
440
大学で出席管理アプリ・掲示板閲覧アプリを開発・運用している学生の話
kntkymt
0
360
20年ものの巨大レガシープロダクトを PHP 8.0にアップデートした際の対策と得られた知見
akamah
3
2.3k
The Lesser-Known Kotlin Features
antonarhipov
0
260
RFC911Xから振り返るHTTPの仕様
seike460
PRO
0
300
Nest アプリケーションの基盤となる仕組みを見直す
lightnet328
0
170
API Platform 3
dunglas
2
2.9k
UIKit ベースの大規模なプロジェクトへの SwiftUI 導入
kuritatu18
2
1.1k
Swift Concurrency時代のiOSアプリの作り方
koher
13
1.7k
Whyから始めよう！スクラムチームが力強く前に進むための「なぜやるのか」を考える
psj59129
1
470

Featured

See All Featured
Faster Mobile Websites
deanohume
294
29k
Support Driven Design
roundedbygravity
87
8.7k
From Idea to $5000 a Month in 5 Months
shpigford
374
44k
Testing 201, or: Great Expectations
jmmastey
23
5.5k
Designing on Purpose - Digital PM Summit 2013
jponch
107
5.7k
A designer walks into a library…
pauljervisheath
197
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
656
120k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
42
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Teambox: Starting and Learning
jrom
124
7.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k

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