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
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
250
Why Bacon is actually good for your health
gianu
3
210
Other Decks in Programming
See All in Programming
Data-Centric Kaggle
isax1015
2
750
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
200
高速開発のためのコード整理術
sutetotanuki
1
370
AgentCoreとHuman in the Loop
har1101
5
210
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
960
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
640
今から始めるClaude Code超入門
448jp
7
7.9k
CSC307 Lecture 02
javiergs
PRO
1
770
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
400
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
welliving
3
860
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
5.9k
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
950
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
A better future with KSS
kneath
240
18k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
130
My Coaching Mixtape
mlcsv
0
45
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
150
Crafting Experiences
bethany
1
44
Building the Perfect Custom Keyboard
takai
2
680
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
100
Facilitating Awesome Meetings
lara
57
6.7k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
170
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.