Cycle.js
Functional and reactive JavaScript framework.
Contents
Awesome Cycle.js
Libraries
Drivers
A Cycle.js Driver for showing and responding to HTML5 Notifications.
A Cycle.js Driver for making HTTP requests, using the Fetch API.
A Cycle.js Driver for making HTTP requests using stackable-fetcher.
A Cycle.js Driver for manipulating the Web Audio API using virtual-audio-graph
A Cycle.js driver to wrap Hammer.js and detect touch gestures
Factory for creating async request/response cycle.js drivers
Driver to interact with Electron interface from Cycle.js application
A Cycle.js driver for animating (srsly) localStorage.
A Redux middleware that allows you to handle actions lifecycle with Cycle.js
A basic Cycle.js driver wrapping a gun.js instance allowing graph storage and p2p sync
Utilities
a dependency injection tool supporting Cycle's circular dependencies
Utility for CycleJS framework for reducing boilerplate when creating groups of streams.
elm-html inspired helpers for writing hyperscript or virtual-hyperscript.
A helper function and macro for using Earl Grey's document-building syntax with Cycle.js.
A main function factory for Cycle based upon a formalization of Cycle's MVI pattern
Make everything sortable via drag and drop in only one line of code!
Everything you need to start playing with Auth0 on your Cyclejs app (Driver + component)
Augments your Cycle.js component (main function) by storing its onion-shaped state in local storage
Boilerplates
Scaffold out a Cycle.js Nested Dialogue module using Yeoman.
Cycle app with routing, state handling and tests.
A Cycle.js starter project with hot reloading using browserify-hmr
A Cycle.js starter project using browserify and cycle-hmr
A simple project for getting started with TypeScript in cycle.js, using Webpack. Has settings for Visual Studio Code as candy.
Testing
Debugging
Components
Select Web Component with autocompletion. Based on RxJS and VirtualDOM.
Cycle.js component for rendering a gravatar profile image.
Cycle.js intergration with Ace Editor using brace. Check an example here.
Learn
Example Applications
Scratchpad for trying out Cycle.js, relies on Ace Editor with Cycle
Small example partly implements twitter’s who to follow box using github api.
Examples of nested components, using snabbdom-specific animations.
Interactive visualization of counter application showing the data flow inside a MVI component glebbahmutov.com/draw-cycle
A set of tools for teaching and learning computer science built with cycle.js.
Reactive Live London Tube trains status example built with Cycle.js.
A website to showcase the cool projects built with Cycle.js
Dancing pythagorean tree fractal - Animating 2048 SVG nodes.
A Star Wars character search app using Cycle.js, RxJS and Virtual DOM tests.
A React Native + Cycle.js app to implement a social network on Secure Scuttlebutt networks