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
コード生成なしでモック処理を実現!ovechkin-dm/mockioで学ぶメタプログラミング
qualiarts
0
250
Google Opalで使える37のライブラリ
mickey_kubo
3
130
Six and a half ridiculous things to do with Quarkus
hollycummins
0
210
Leading Effective Engineering Teams in the AI Era
addyosmani
7
570
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
400
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
300
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
520
チームの境界をブチ抜いていけ
tokai235
0
210
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
Devvox Belgium - Agentic AI Patterns
kdubois
1
140
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.5k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
15k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
For a Future-Friendly Web
brad_frost
180
10k
Unsuck your backbone
ammeep
671
58k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
A designer walks into a library…
pauljervisheath
209
24k
Optimizing for Happiness
mojombo
379
70k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Designing for humans not robots
tammielis
254
26k
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.