14
SWARM @ MOSCOWJS 2.0 reactive data sync for web and mobile apps Moscow, #tceh 27 Oct 2014

Swarm@MoscowJS v2 (en)

Embed Size (px)

DESCRIPTION

http://www.moscowjs.ru/events/moscowjs-16.html slides (english version)

Citation preview

Page 1: Swarm@MoscowJS v2 (en)

SWARM @ MOSCOWJS 2.0reactive data sync

for web and mobile apps

Moscow, #tceh 27 Oct 2014

Page 2: Swarm@MoscowJS v2 (en)

SYNC: USE CASES

Page 3: Swarm@MoscowJS v2 (en)
Page 4: Swarm@MoscowJS v2 (en)

SWARM

Page 5: Swarm@MoscowJS v2 (en)

SYNCHRONIZATION

• caching

• offline

• real-time

CAPasynchrony

Page 6: Swarm@MoscowJS v2 (en)

CRDT• Convergent…

• Commutative…

• Cloud…

… ReplicatedData

Types

P O LogVe

ctor

LWW

Set

Text

Rich

Text

Inc

Page 7: Swarm@MoscowJS v2 (en)

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!! ! }); !! });

Page 8: Swarm@MoscowJS v2 (en)

ISOMORPHIChttp://ppyr.us

RTT ~140ms

Page 9: Swarm@MoscowJS v2 (en)

SERVER-SIDE RENDER

Page 10: Swarm@MoscowJS v2 (en)

REAL-TIME SYNC

Page 11: Swarm@MoscowJS v2 (en)

CONNECT

Page 12: Swarm@MoscowJS v2 (en)

OFFLINE

Page 13: Swarm@MoscowJS v2 (en)

MANIFEST & CACHE

Page 14: Swarm@MoscowJS v2 (en)

LINKS

Demo: http://ppyr.us Code: https://github.com/gritzko/todomvc-swarmSwarm.js: https://github.com/gritzko/swarm Blog: http://swarmjs.github.io Twitter : http://twitter.com/swarm_js Habr (ru): http://habrahabr.ru/company/swarm/ Slideshare: http://www.slideshare.net/gritzko/ !Email: [email protected]