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

Other Decks in Programming

See All in Programming
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
940
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.8k
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
940
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
400
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
190
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
99
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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.