Introduction to Cycle.js

Learn about Cycle.js and the Virtual DOM.

We'll cover the following

With the advent of single-page applications, websites are suddenly expected to do much more, even compete against (gasp!) “native” applications. While trying to make web applications faster, developers realized that there were particular areas where bottlenecks keep web applications from being as fast and robust as their native counterparts.

Spearheaded by Facebook React, several web frameworks are now coming up with new techniques to make faster web applications, while keeping the code simple and declarative.

In this chapter, we’ll cover some new techniques to develop web applications that are here to stay, like the Virtual DOM. We’ll use Cycle.js, a modern, simple, and refined framework that uses RxJS internally and applies reactive programming concepts to front-end programming.


Cycle.js is a small framework on top of RxJS, which is used for creating responsive user interfaces. It offers the features, such as the virtual DOM and unidirectional dataflow, that are also present in modern frameworks like React.

Get hands-on with 1200+ tech skills courses.