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

Meetup.js - React.js

Avatar for Sergio Rafael Gianazza Sergio Rafael Gianazza
October 14, 2014
Programming
1
350

Meetup.js - React.js

Avatar for Sergio Rafael Gianazza

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
Avatar for Sergio Rafael Gianazza gianu
0
240
Why Bacon is actually good for your health
Avatar for Sergio Rafael Gianazza gianu
3
210

Other Decks in Programming

See All in Programming
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
360
まだ間に合う！Claude Code元年をふりかえる
Avatar for nogu nogu66
5
930
AI Agent Dojo ＃4: watsonx Orchestrate ADK体験
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
130
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
5.1k
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
Avatar for Yuya Matsumura yuya4
7
4.3k
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
150
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
190
[AtCoder Conference 2025] LLMを使った業務AHCの上⼿な解き⽅
Avatar for terry-u16 terryu16
6
1k
チームをチームにするEM
Avatar for hitode909 hitode909
0
450
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
540
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
630
AtCoder Conference 2025「LLM時代のAHC」
Avatar for Yuki Imajuku imjk
2
650

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
86
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
270
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
1
1.9k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
130
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
230
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
51
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
170
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
410

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.