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
Sergio Rafael Gianazza
October 14, 2014
Programming
1
350
Meetup.js - React.js
Sergio Rafael Gianazza
October 14, 2014
Tweet
Share
More Decks by Sergio Rafael Gianazza
See All by Sergio Rafael Gianazza
Functional Reactive Programming for web apps
gianu
0
240
Why Bacon is actually good for your health
gianu
3
210
Other Decks in Programming
See All in Programming
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
5
2.2k
兎に角、コードレビュー
mitohato14
0
160
Ruby Parser progress report 2025
yui_knk
1
260
AIエージェント開発、DevOps and LLMOps
ymd65536
1
370
個人軟體時代
ethanhuang13
0
280
Langfuseと歩む生成AI活用推進
licux
3
320
Updates on MLS on Ruby (and maybe more)
sylph01
1
170
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
130
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
17
3.9k
AWS発のAIエディタKiroを使ってみた
iriikeita
1
140
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
100
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.9k
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Optimizing for Happiness
mojombo
379
70k
Embracing the Ebb and Flow
colly
87
4.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
How GitHub (no longer) Works
holman
315
140k
The Pragmatic Product Professional
lauravandoore
36
6.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Statistics for Hackers
jakevdp
799
220k
Bash Introduction
62gerente
614
210k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
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.