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

Faking Real Time: Optimistic Updates & Eventual...

Ben Smithett
March 28, 2015
Programming
0
470

Faking Real Time: Optimistic Updates & Eventual Consistency (Decompress 2015)

A talk I gave at Decompress 2015 about making CSSConf Racer, a real time, multiplayer racing game: http://cssconfracer.com

CSSConf Racer was built with Flux, Firebase, React & react-router.

Ben Smithett

March 28, 2015
Tweet

More Decks by Ben Smithett

See All by Ben Smithett
Atomic CSS with Fela
bensmithett
0
79
Objects in Space: A practical guide to CSS display, position & z-index
bensmithett
0
25
The 12MB Web Page: A tale of perfect PageSpeed scores & developer happiness
bensmithett
1
320
The UI is an Application
bensmithett
0
1.1k
Hands on with the modern front end stack
bensmithett
0
1.2k
The New Front End Stack: A really really really high level introduction
bensmithett
1
480
Smarter Sass/Less Builds with Webpack (MelbJS Edition)
bensmithett
0
300
Smarter Sass builds with Webpack
bensmithett
1
200

Other Decks in Programming

See All in Programming
Vue3の一歩踏み込んだパフォーマンスチューニング2024
hal_spidernight
3
3.2k
Android 15 でアクションバー表示時にステータスバーが白くなってしまう問題
tonionagauzzi
0
140
Macとオーディオ再生 2024/11/02
yusukeito
0
220
CSC509 Lecture 09
javiergs
PRO
0
120
CPython 인터프리터 구조 파헤치기 - PyCon Korea 24
kennethanceyer
0
250
CSC305 Lecture 13
javiergs
PRO
0
130
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
210
Vitest Browser Mode への期待 / Vitest Browser Mode
odanado
PRO
2
1.9k
シールドクラスをはじめよう / Getting Started with Sealed Classes
mackey0225
3
400
Content Security Policy入門 セキュリティ設定と 違反レポートのはじめ方 / Introduction to Content Security Policy Getting Started with Security Configuration and Violation Reporting
uskey512
1
440
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
310
Outline View in SwiftUI
1024jp
1
190

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Building Applications with DynamoDB
mza
90
6.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
For a Future-Friendly Web
brad_frost
175
9.4k
Art, The Web, and Tiny UX
lynnandtonic
296
20k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Six Lessons from altMBA
skipperchong
26
3.5k
Faster Mobile Websites
deanohume
304
30k

Transcript

  1. Faking Real Time Optimistic Updates & Eventual Consistency

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None

  10. cssconfracer.com

  11. cssconfracer.com

  12. None
  13. None
  14. None

  15. setUsername(“jim”)

  16. { type: SET_USERNAME, username: “jim” }

  17. UserStore: CHANGE event triggered

  18. None
  19. None

  20. Real time on the internet is hard.

  21. None
  22. None
  23. None

  24. You don’t always need confirmation before updating the UI

  25. None
  26. None
  27. None
  28. None

  29. Eventual Consistency

  30. None

  31. CQRS Command Query Responsibility Segregation

  32. None
  33. None
  34. None
  35. None
  36. None

  37. How to fake real time Hide network effects from the

    user Optimistically update the UI Embrace eventual consistency

  38. The First Annual Decompress Grand Prix Go to cssconfracer.com now

  39. Thanks! @bensmithett https://github.com/bensmithett/cssconfracer Screen by iconoci http://thenounproject.com/term/screen/82256/ Database by Stefan

    Parnarov http://thenounproject.com/term/database/29365/ Phone by Joris Hoogendoorn http://thenounproject.com/term/phone/42970/ Cloud by Jan-Christoph Borchardt http://thenounproject.com/term/cloud/932/ CQRS by Martin Fowler http://martinfowler.com/bliki/CQRS.html http://cssconfracer.com