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
Meetup.js - React.js
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Sergio Rafael Gianazza
October 14, 2014
Programming
360
1
Share
Meetup.js - React.js
Sergio Rafael Gianazza
October 14, 2014
More Decks by Sergio Rafael Gianazza
See All by Sergio Rafael Gianazza
Functional Reactive Programming for web apps
gianu
0
260
Why Bacon is actually good for your health
gianu
3
220
Other Decks in Programming
See All in Programming
LM Linkで(非力な!)ノートPCでローカルLLM
seosoft
0
500
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
m3m0r7
PRO
0
550
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
seike460
PRO
0
140
t *testing.T は どこからやってくるの?
otakakot
1
660
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
hadashia
2
520
Running Swift without an OS
kishikawakatsumi
0
840
GitHubCopilotCLIをはじめよう.pdf
htkym
0
180
実践CRDT
tamadeveloper
0
570
HTML-Aware ERB: The Path to Reactive Rendering @ RubyKaigi 2026, Hakodate, Japan
marcoroth
0
140
AI時代のPhpStorm最新事情 #phpcon_odawara
yusuke
0
190
Offline should be the norm: building local-first apps with CRDTs & Kotlin Multiplatform
renaudmathieu
0
220
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
webzawa
0
140
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
174
15k
So, you think you're a good person
axbom
PRO
2
2k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.8k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
150
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
200
The SEO Collaboration Effect
kristinabergwall1
1
420
What does AI have to do with Human Rights?
axbom
PRO
1
2.1k
Crafting Experiences
bethany
1
110
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
270
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
290
Into the Great Unknown - MozCon
thekraken
41
2.4k
Transcript
React.js
Sergio Gianazza @sgianazza github.com/gianu Developer
React.js O sobre como me convertí en el primer viajero
en el tiempo
2014
2044
None
None
DOM
DOOM
1983
None
None
2014
React.js
Libreria para construir interfaces de usuario
V del MVC
DOM
Virtual DOM
Diff entre arboles Eficiente
O(n^3)
O(n^3) O(n)
Magic!
O(n^3) O(n)
One-way data flow
Componentes
Propiedades & Estados
Comportamiento & Renderizado
Renderizado To JSX or not to JSX
None
None
Component Lifecycle
componentWillMount
componentDidMount
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
componentDidUpdate
componentWillUnmount
¿Como se ve esto funcionando?
Budget Bleed
None
None
¿Que es lo que sigue?
Gracias! http://github.com/gianu/budget_bleed @sgianazza Historia basada en “the man who folded
himself” de David Gerrold y “Atopia” de Matthew Mather.