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
35
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
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
200
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.8k
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
400
楽しく向き合う例外対応
okutsu
0
710
Rubyと自由とAIと
yotii23
6
1.9k
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
290
Amazon Bedrockマルチエージェントコラボレーションを諦めてLangGraphに入門してみた
akihisaikeda
1
150
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
250
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
940
Lambdaの監視、できてますか?Datadogを用いてLambdaを見守ろう
nealle
2
630
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
TCAを用いたAmebaのリアーキテクチャ
dazy
0
220
Featured
See All Featured
Speed Design
sergeychernyshev
27
810
Site-Speed That Sticks
csswizardry
4
410
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Thoughts on Productivity
jonyablonski
69
4.5k
Done Done
chrislema
182
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Building Your Own Lightsaber
phodgson
104
6.2k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
580
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
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