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

Meetup.js - React.js

Sergio Rafael Gianazza
October 14, 2014
Programming
1
340

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
220
Why Bacon is actually good for your health
gianu
3
200

Other Decks in Programming

See All in Programming
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
Qiita Bash
mercury_dev0517
1
190
AI Coding Agent Enablement - エージェントを自走させよう
yukukotani
13
5.8k
State of Namespace
tagomoris
4
760
SEAL - Dive into the sea of search engines - Symfony Live Berlin 2025
alexanderschranz
1
130
Django for Data Science (Boston Python Meetup, March 2025)
wsvincent
0
320
海外のアプリで見かけたかっこいいTransitionを真似てみる
shogotakasaki
1
160
フロントエンドテストの育て方
quramy
11
2.9k
PHP で学ぶ OAuth 入門
azuki
1
130
PHPバージョンアップから始めるOSSコントリビュート / how2oss-contribute
dmnlk
1
990
英語 × の私が、生成AIの力を借りて、OSSに初コントリビュートした話
personabb
0
190
custom_lintで始めるチームルール管理
akaboshinit
0
200

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
How STYLIGHT went responsive
nonsquared
99
5.5k
Statistics for Hackers
jakevdp
798
220k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Become a Pro
speakerdeck
PRO
27
5.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.1k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k

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.