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
ReactJS_Workshop.pdf
Search
Juan Roa
April 30, 2021
Programming
0
29
ReactJS_Workshop.pdf
Juan Roa
April 30, 2021
Tweet
Share
More Decks by Juan Roa
See All by Juan Roa
El Agrónomo Digital - PyDay Cali 2023
roadev
0
3
Comparte tu conocimiento y sé parte de las comunidades libres
roadev
1
60
Good practices in React & functional programming
roadev
1
45
Direccionamiento IP
roadev
0
24
Layers 3 and 5
roadev
0
34
Control de versiones con Git - Part 1
roadev
1
91
Taller Uso de Bitcoin
roadev
1
160
Other Decks in Programming
See All in Programming
Honoとフロントエンドの 型安全性について
yodaka
7
1.5k
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
360
Jakarta EE meets AI
ivargrimstad
0
390
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
190
たのしいSocketのしくみ / Socket Under a Microscope
coe401_
8
1.3k
Formの複雑さに立ち向かう
bmthd
1
940
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
240
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
7
4.2k
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
260
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.3k
From the Wild into the Clouds - Laravel Meetup Talk
neverything
0
150
Featured
See All Featured
How GitHub (no longer) Works
holman
314
140k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
The Language of Interfaces
destraynor
156
24k
KATA
mclloyd
29
14k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Designing for humans not robots
tammielis
250
25k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
How STYLIGHT went responsive
nonsquared
98
5.4k
Transcript
ReactJS course Juan Roa @jroadev
Who am I? • Frontend developer at Pulpo WMS •
Ruby on Rails developer • Blockchain & Bitcoin enthusiast • CO-Organizer at Cali Ruby • CO-Organizer and Coach at Rails Girls Cali • ReactJS Coach at DevHack • Caleño, Biker.
What are we going to learn ? • ES6 features
• What React is. • What are components (stateless, stateful). • Props and state • Best practices / functional programming in React • Immutability / avoid side effects • Create simple components with state
Ecmascript 2015 features • Arrow functions • Classes • Template
strings • Destructuring • Default / spread • Let / Const • Imports
Immutability / A more functional approach • Object.assign • Spread
operator • Prototype.map • Concat • Don’t modify data structures, return always a new copy or value!
Showcase
Virtual DOM reconciliation / state change
Virtual DOM re-render
Props and State Props: • External data • Can’t change
it State: • Internal data • Can change it • Private for component