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
AIともっと楽するE2Eテスト
myohei
9
3.1k
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
150
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
640
CDK引数設計道場100本ノック
badmintoncryer
2
560
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
27
8.1k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
7.4k
NEWT Backend Evolution
xpromx
1
150
iOS開発スターターキットの作り方
akidon0000
0
180
AI Ramen Fight
yusukebe
0
110
Jakarta EE Meets AI
ivargrimstad
0
280
「App Intent」よくわからんけどすごい!
rinngo0302
1
120
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
140
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Statistics for Hackers
jakevdp
799
220k
Building Applications with DynamoDB
mza
95
6.5k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Fireside Chat
paigeccino
37
3.5k
Balancing Empowerment & Direction
lara
1
490
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.