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ともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
9
3.1k
11年かかって やっとVibe Codingに 時代が追いつきましたね
Avatar for yimajo yimajo
0
150
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
Avatar for panda_program panda_program
3
640
CDK引数設計道場100本ノック
Avatar for kazuho cryer-shinozuka badmintoncryer
2
560
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
Avatar for Takuto Wada twada
PRO
27
8.1k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
12
7.4k
NEWT Backend Evolution
Avatar for Rodrigo Ramirez xpromx
1
150
iOS開発スターターキットの作り方
Avatar for akidon0000 akidon0000
0
180
AI Ramen Fight
Avatar for Yusuke Wada yusukebe
0
110
Jakarta EE Meets AI
Avatar for ivargrimstad ivargrimstad
0
280
「App Intent」よくわからんけどすごい！
Avatar for rinngo rinngo0302
1
120
変化を楽しむエンジニアリング ~ いままでとこれから ~
Avatar for murajun1978 murajun1978
0
140

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
21
1.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
490

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.