Cycle.js
Functional and reactive JavaScript framework.
Contents
Awesome Cycle.js
Libraries
Drivers
Fast and beautiful tests and time management for Cycle.js
A Cycle.js Driver for using localStorage and sessionStorage.
A Cycle.js Driver for showing and responding to HTML5 Notifications.
A router driver using Router5
A Cycle driver for Socket.IO clients
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
Source driver for Server-Sent Events/EventSource.
DOM driver using Snabbdom
Router Driver built for Cycle.js
Cycle driver for requestAnimationFrame
A Cycle.js Driver for Firebase
A Cycle.js Driver for terminal applications
Cookies Driver for Cycle.js
Factory for creating async request/response cycle.js drivers
Driver for keyboard events
Readline driver
A Cycle.js Driver for Telegram Bot API
Driver to interact with Electron interface from Cycle.js application
A Cycle.js driver for animating (srsly) localStorage.
A keyboard driver for cycle.js
A tiny client-side router for Cycle.js
A socketcluster driver for Cycle.js
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
A Cycle.js driver for deepstream.io
A Cycle.js driver for Express.js server
A Cycle.js driver for Node.js HTTP(S) server
A Cycle.js driver for Node.js HTTP(S)/WS(S)/Socket.io server
A Cycle.js driver wrapping IndexedDB
A Cycle.js driver for Pusher
A Cycle.js driver for interacting with the Selection API
A Cycle.js driver for playing sounds using HTMLAudioElement
Utilities
Chai assertion helpers to test virtual-dom VTrees
a dependency injection tool supporting Cycle's circular dependencies
Utility for CycleJS framework for reducing boilerplate when creating groups of streams.
Utility for creating Web Components based on Cycle.js
elm-html inspired helpers for writing hyperscript or virtual-hyperscript.
use React instead of virtual-dom with a Cycle-like API
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)
Fractal state management for Cycle.js apps
Augments your Cycle.js component (main function) by storing its onion-shaped state in local storage
Handle dynamic lists of Cycle.js components with ease (full typesript support)
Boilerplates
Snowpack app template to create Cycle.js projects with create-snowpack-app
Cycle.js starter template with ES6 and Livereload.
Scaffold out a Cycle.js Nested Dialogue module using Yeoman.
Scaffold an isomorphic Cycle.js app in seconds.
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.
A boilerplate universal Cycle app running on a Koa.js server with HMR and ServiceWorkers via Webpack
A barebone boilerplate Cycle app with data stream base on promises and fetched with Falcor.js
Testing
Components
Select Web Component with autocompletion. Based on RxJS and VirtualDOM.
Calendar component for Cycle.js. Try it online here.
Cycle.js component for rendering a gravatar profile image.
Cycle.js intergration with Ace Editor using brace. Check an example here.
A Color Picker component for Cycle.js. Check out the example.
A Google Maps style SVG pan and zoom component for Cycle.js
Learn
Example Applications
Scratchpad for trying out Cycle.js, relies on Ace Editor with Cycle
Minimum Viable Pizza, an example webapp written in Cycle.js
Example web applications built with Cycle.js.
Slack trend searching written in Cycle.js
Collection of CycleJS examples, ES6.
Tetris game implemented in CycleJS, ES6
Cycle.js experiment with SVG and global undo/redo http://oleg.fi/graafi/
A interactive matrix multiplication webapp
Interactive diagrams of Rx Observables http://rxmarbles.com/
Simple shopping cart of a magic creatures store.
demonstrates a simple Cycle.js TODO list app with CRUD.
Common patterns for building Cycle.js components
Media player written with Cycle.js and Electron.
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 simple Pomodoro timer.
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
A hangman game 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
TodoMVC example implemented in Cycle.js
Notes app using Cycle.js and Orbit.js https://jefersondaniel.com/cyclejs-notes
Download, install, and update Android apps through Dat
Hackernews Clone Using CycleJS
A github emoji viewer made with Cycle.JS webapp
Meetup.com RSVP visualization around the world using CycleJS