Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cycle.js was built to solve problems

Cycle.js was built to solve problems

People often perceive it as "a weird way of building web apps", but I'll show how it has a practical purpose, meant to solve problems your customers/business may relate to. Presented at Frontend.fi February 2016, best experienced along with the recording of the presentation, containing demos.


André Staltz

February 15, 2016

More Decks by André Staltz

Other Decks in Programming


  1. Cycle.js is a weird and challenging new way of building

    web apps
  2. Cycle.js is a small framework built to solve real world

  3. spiceprogram.org

  4. Goals: Always answer
 "can do" to your
 boss Keep it

    elegant, based on one simple idea
  5. None
  6. So how about you just go ahead and make that

    animation when an item is added to the list?
  7. Can you also go ahead and make an animation when

    the item is removed from the list?
  8. None
  9. Can you go ahead and render this frontend from the

    backend so we get some SEO in place?
  10. None
  11. Quick now, slow to maintain later

  12. A lot of power in a few lines of code.

 Sane maintainability by default. Cycle.js
  13. Demo

  14. How does 
 Cycle.js work?

  15. None
  16. None
  17. None
  18. None
  19. Demo

  20. None
  21. 0 1 2 3 Application Input Output

  22. Demo

  23. Refactorable

  24. None
  25. Intent View Model

  26. Testable

  27. Composable

  28. main()

  29. None
  30. RxJS

  31. None
  32. None
  33. None
  34. None
  35. Thanks @andrestaltz