Talk at FullStackCon about Milo.js framework (https://github.com/MailOnline/milo), video: https://skillsmatter.com/skillscasts/5857-milo-the-reactive-javascript-framework

1. Reactive programming
with Milo.js framework
Jason Green & Evgeny Poberezkin

2. Aren’t there enough?

3. Milo is different
• Modular components
• The most advanced reactive programming

4. Reactive programming
x := y + 1

5. DOM
as
data

6. A typical user

7. A typical user

10. Components

11. Container
Component
Data
List Dom
Item

28. Models

29. Safe deep property access

30. Property access

31. Property access

32. Safe property access

33. Safe property access

34. Model Path

35. Model Path

36. Model Path

37. Accessing array elements

38. Accessing array elements

39. Accessing array elements

40. Subscribing to changes

41. Subscribing to changes

42. Subscribing to changes

43. Subscribing to changes

44. Subscribing to changes

45. Subscribing to changes

46. How did we make it work?

47. Constructor returning functions

48. Creating access methods
Template
render
Code
eval
Function

49. Creating access methods

50. Creating access methods

52. Is eval evil?

53. Only if used wrongly

54. Property interpolation

55. Property interpolation

56. Connectors

57. Data connection
Data
source
Data
source
Connector
subscription subscription
Data sources:
• Models: var m = new Model;
• Model paths: var mPath = m('.info.name');
• Data facet: comp.data;

75. Application
architecture

77. Problem: Fat Controller

79. MailOnline CMS

80. milo.minder.getConnectors().length == ?

81. milo.minder.getConnectors().length == 87

82. Fork, play, contribute:
https://github.com/MailOnline/milo
http://goo.gl/XCtVW9
https://github.com/jasoniangreen
@aziraphael
https://github.com/epoberezkin
@epoberezkin