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
300
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
210
Why Bacon is actually good for your health
gianu
3
200
Other Decks in Programming
See All in Programming
実践!難読化ガイド
mitchan
0
200
REXML改善のその後
naitoh
0
190
開発を加速する共有Swift Package実践
elmetal
PRO
0
420
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
Swiftコードバトル必勝法
toshi0383
0
170
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
590
Regular Expressions, REXML, Automata Learning
makenowjust
0
220
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
420
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
410
The Sequel to a Dream of Ruby Parser's Grammar
ydah
1
220
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
Architecture Decision Record (ADR)
nearme_tech
PRO
1
690
Featured
See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
How to name files
jennybc
75
98k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
YesSQL, Process and Tooling at Scale
rocio
167
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Optimizing for Happiness
mojombo
375
69k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
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.