Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SWARM @ MOSCOWJS 2.0 
реактивная синхронизация данных 
Москва, ФРИИ 
27 октября 2014
А-А-А СИНХРОНИЗАЦИЯ
SWARM
СИНХРОНИЗАЦИЯ 
• кэширование 
• оффлайн 
• реалтайм 
асинхронность 
CAP
CRDT 
• Convergent… 
• Commutative… 
• Cloud… 
… Replicated 
Data 
Types 
Vector 
LWW 
Set 
Text 
RichText 
Inc 
P O Log
SWARM (CODE) 
var host = new Swarm.Host('user~ssn');! 
! 
host.connect(‘ws://localhost:8000');! 
! 
var mickey = host.get(...
ISOMORPHIC 
http://ppyr.us 
RTT 
~140ms
SERVER-SIDE RENDER
REAL-TIME 
SYNC
CONNECT
OFFLINE
MANIFEST & CACHE
ССЫЛКИ 
Демо онлайн: http://ppyr.us 
Код: https://github.com/gritzko/todomvc-swarm 
Swarm.js: https://github.com/gritzko/s...
TodoMVC на Swarm+React: реальное время, оффлайн, Holy Grail бесплатно
Upcoming SlideShare
Loading in …5
×

TodoMVC на Swarm+React: реальное время, оффлайн, Holy Grail бесплатно

1,348 views

Published on

Слайды выступления Виктора Грищенко на MoscowJS 16

Published in: Software

TodoMVC на Swarm+React: реальное время, оффлайн, Holy Grail бесплатно

  1. 1. SWARM @ MOSCOWJS 2.0 реактивная синхронизация данных Москва, ФРИИ 27 октября 2014
  2. 2. А-А-А СИНХРОНИЗАЦИЯ
  3. 3. SWARM
  4. 4. СИНХРОНИЗАЦИЯ • кэширование • оффлайн • реалтайм асинхронность CAP
  5. 5. CRDT • Convergent… • Commutative… • Cloud… … Replicated Data Types Vector LWW Set Text RichText Inc P O Log
  6. 6. SWARM (CODE) var host = new Swarm.Host('user~ssn');! ! host.connect(‘ws://localhost:8000');! ! var mickey = host.get(‘/Mouse#Mickey’,! ! function(s, v, mickey){! ! ! mickey.set({! x:100,! y:100! ! ! }); ! ! });
  7. 7. ISOMORPHIC http://ppyr.us RTT ~140ms
  8. 8. SERVER-SIDE RENDER
  9. 9. REAL-TIME SYNC
  10. 10. CONNECT
  11. 11. OFFLINE
  12. 12. MANIFEST & CACHE
  13. 13. ССЫЛКИ Демо онлайн: http://ppyr.us Код: https://github.com/gritzko/todomvc-swarm Swarm.js: https://github.com/gritzko/swarm Блог: http://swarmjs.github.io Твиттер: http://twitter.com/swarm_js Хабрахабр: http://habrahabr.ru/company/swarm/ Slideshare: http://www.slideshare.net/gritzko/ Пишите: swarm.js@gmail.com

×