reactive javascript framework milo.js

Download Reactive JavaScript framework Milo.js

If you can't read please download the document

Upload: evgeny-poberezkin

Post on 16-Apr-2017

3.748 views

Category:

Software


0 download

TRANSCRIPT

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