Reactive JavaScript framework Milo.js
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Reactive JavaScript framework Milo.js

on

  • 189 views

Slides for the talk at FullStackCon about Milo.js framework (https://github.com/MailOnline/milo)

Slides for the talk at FullStackCon about Milo.js framework (https://github.com/MailOnline/milo)
Video: https://skillsmatter.com/skillscasts/5857-milo-the-reactive-javascript-framework

Statistics

Views

Total Views
189
Views on SlideShare
185
Embed Views
4

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 4

https://twitter.com 4

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Reactive JavaScript framework Milo.js Presentation Transcript

  • 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
  • 8. Components
  • 9. Container Component Data List Dom Item
  • 10. Models
  • 11. Safe deep property access
  • 12. Property access
  • 13. Property access
  • 14. Safe property access
  • 15. Safe property access
  • 16. Model Path
  • 17. Model Path
  • 18. Model Path
  • 19. Accessing array elements
  • 20. Accessing array elements
  • 21. Accessing array elements
  • 22. Subscribing to changes
  • 23. Subscribing to changes
  • 24. Subscribing to changes
  • 25. Subscribing to changes
  • 26. Subscribing to changes
  • 27. Subscribing to changes
  • 28. How did we make it work?
  • 29. Constructor returning functions
  • 30. Creating access methods Template render Code eval Function
  • 31. Creating access methods
  • 32. Creating access methods
  • 33. Is eval evil?
  • 34. Only if used wrongly
  • 35. Property interpolation
  • 36. Property interpolation
  • 37. Connectors
  • 38. 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;
  • 39. Application architecture
  • 40. Problem: Fat Controller
  • 41. MailOnline CMS
  • 42. milo.minder.getConnectors().length == ?
  • 43. milo.minder.getConnectors().length == 87
  • 44. Fork, play, contribute: https://github.com/MailOnline/milo http://goo.gl/XCtVW9 https://github.com/jasoniangreen @aziraphael https://github.com/epoberezkin @epoberezkin