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
なぜ強調表示できず ** が表示されるのか — Perlで始まったMarkdownの歴史と日本語文書における課題
Avatar for hkws kwahiro
8
4.6k
PHPライセンス変更の議論を通じて学ぶOSSライセンスの基礎
Avatar for Atsushi Matsuo matsuo_atsushi
0
140
例外処理を理解して、設計段階からエラーを見つけやすく、起こりにくく #phpconfuk
Avatar for Takuma Kajikawa kajitack
12
5.7k
Vueのバリデーション、結局どれを選べばいい？ ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
Avatar for ねぎなす neginasu
3
1.8k
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
Avatar for konkarin konkarin
1
150
Honoを技術選定したAI要件定義プラットフォームAcsimでの意思決定
Avatar for Tadashi Shigeoka codenote
0
110
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
Avatar for Kazuhiko Yamashita pyama86
0
140
外接に惑わされない自システムの処理時間SLIをOpenTelemetryで実現した話
Avatar for Kotaro7750 kotaro7750
0
240
なんでRustの環境構築してないのにRust製のツールが動くの？ / Why Do Rust-Based Tools Run Without a Rust Environment?
Avatar for TOMIKAWA Sotaro ssssota
15
48k
Kotlinで実装するCPU/GPU 「協調的」パフォーマンス管理
Avatar for matuyuhi matuyuhi
0
350
Researchlyの開発で参考にしたデザイン
Avatar for arakawa adsholoko
0
120
CSC509 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
2.9k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
60
9.6k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
660
Scaling GitHub
Avatar for Zach Holman holman
463
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.8k

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.