Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Meetup.js - React.js

Sergio Rafael Gianazza
October 14, 2014
Programming
1
310

Meetup.js - React.js

Sergio Rafael Gianazza

October 14, 2014
Tweet

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
詳細解説！ ArrayListの仕組みと実装
yujisoftware
0
540
OpenTelemetryでRailsのパフォーマンス分析を始めてみよう（KoR2024）
ymtdzzz
5
2k
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
300
What’s New in Compose Multiplatform - A Live Tour (droidcon London 2024)
zsmb
1
450
Click-free releases & the making of a CLI app
oheyadam
2
100
PLoP 2024: The evolution of the microservice architecture pattern language
cer
PRO
0
2.4k
プロジェクト新規参入者のリードタイム短縮の観点から見る、品質の高いコードとアーキテクチャを保つメリット
d_endo
1
1.1k
Ethereum_.pdf
nekomatu
0
370
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
440
cXML という電子商取引の トランザクションを支える プロトコルと向きあっている話
phigasui
3
2.3k
AI時代におけるSRE、
あるいはエンジニアの生存戦略
pyama86
4
1k
Generative AI Use Cases JP (略称:GenU)奮闘記
hideg
0
190

Featured

See All Featured
Agile that works and the tools we love
rasmusluckow
327
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Designing for humans not robots
tammielis
249
25k
A Tale of Four Properties
chriscoyier
156
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Thoughts on Productivity
jonyablonski
67
4.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Music & Morning Musume
bryan
46
6.2k
For a Future-Friendly Web
brad_frost
175
9.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
15
2k
KATA
mclloyd
29
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k

Transcript

  1. React.js

  2. Sergio Gianazza @sgianazza github.com/gianu Developer

  3. React.js O sobre como me convertí en el primer viajero

    en el tiempo

  4. 2014

  5. 2044

  6. None
  7. None

  8. DOM

  9. DOOM

  10. 1983

  11. None
  12. None

  13. 2014

  14. React.js

  15. Libreria para construir interfaces de usuario

  16. V del MVC

  17. DOM

  18. Virtual DOM

  19. Diff entre arboles Eficiente

  20. O(n^3)

  21. O(n^3) O(n)

  22. Magic!

  23. O(n^3) O(n)

  24. One-way data flow

  25. Componentes

  26. Propiedades & Estados

  27. Comportamiento & Renderizado

  28. Renderizado To JSX or not to JSX

  29. None
  30. None

  31. Component Lifecycle

  32. componentWillMount

  33. componentDidMount

  34. componentWillReceiveProps

  35. shouldComponentUpdate

  36. componentWillUpdate

  37. componentDidUpdate

  38. componentWillUnmount

  39. ¿Como se ve esto funcionando?

  40. Budget Bleed

  41. None
  42. None

  43. ¿Que es lo que sigue?

  44. Gracias! http://github.com/gianu/budget_bleed @sgianazza Historia basada en “the man who folded

    himself” de David Gerrold y “Atopia” de Matthew Mather.