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

Meetup.js - React.js

Sergio Rafael Gianazza
October 14, 2014
Programming
1
330

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
React 19アップデートのために必要なこと
uhyo
8
1.6k
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
20
4.3k
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
260
コードを読んで理解するko build
bells17
1
110
AWS Step Functions は CDK で書こう！
konokenj
4
840
読まないコードリーディング術
hisaju
0
110
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.6k
Amazon Bedrockマルチエージェントコラボレーションを諦めてLangGraphに入門してみた
akihisaikeda
1
150
自力でTTSモデルを作った話
zgock999
0
120
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
1
230
Ça bouge du côté des animations CSS !
goetter
2
160
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
240

Featured

See All Featured
A better future with KSS
kneath
238
17k
Speed Design
sergeychernyshev
27
820
How STYLIGHT went responsive
nonsquared
99
5.4k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Adopting Sorbet at Scale
ufuk
75
9.2k
Visualization
eitanlees
146
15k
4 Signs Your Business is Dying
shpigford
183
22k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Statistics for Hackers
jakevdp
797
220k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k

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.