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
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
210
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
3
230
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
320
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
980
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
130
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
230
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
2.4k
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
200

Featured

See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Design in an AI World
Avatar for tapps tapps
0
140
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
54
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
210
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
46
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
170
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k

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.