Reactive JavaScript framework Milo.js
-
Upload
evgeny-poberezkin -
Category
Software
-
view
3.747 -
download
0
Transcript of Reactive JavaScript framework Milo.js
Talk slides
Reactive programmingwith Milo.js frameworkJason Green & Evgeny Poberezkin
Arent there enough?
Milo is differentModular componentsThe most advanced reactive programming
Reactive programmingx := y + 1
DOM asdata
A typical user
A typical user
Components
?
Models
Safe deep property access
Property access
Property access
Safe property access
Safe property access
Model Path
Model Path
Model Path
Accessing array elements
Accessing array elements
Accessing array elements
Subscribing to changes
Subscribing to changes
Subscribing to changes
Subscribing to changes
Subscribing to changes
Subscribing to changes
How did we make it work?
Constructor returning functions
Creating access methodsTemplateCodeFunctionrendereval
Creating access methods
Creating access methods
Is eval evil?
Only if used wrongly
Property interpolation
Property interpolation
Connectors
Data connectionData sourceData sourceConnectorData sources:
Models: var m = new Model;Model paths: var mPath = m('.info.name'); Data facet: comp.data;subscriptionsubscription
Applicationarchitecture
Problem: Fat Controller
MailOnline CMS
milo.minder.getConnectors().length == ?
milo.minder.getConnectors().length == 87
Fork, play, contribute:https://github.com/MailOnline/milohttp://goo.gl/XCtVW9
https://github.com/jasoniangreen@aziraphael
https://github.com/epoberezkin@epoberezkin