awesome-cyclejs

Reactive app toolkit

A curated collection of resources and tools for building reactive web applications using the Cycle.js framework.

A curated list of awesome Cycle.js resources

GitHub

828 stars
45 watching
72 forks
last commit: almost 6 years ago
Linked from 3 awesome lists


Screenshot of cyclejs-community/awesome-cyclejs website

cycle.js.org

Learn / Documentation

cycle.js.orgCycle.js official tutorial and documentation

Learn / Tutorials

What Developers Need to Know about MVI (Model-View-Intent)Post on MVI architecture
Cycle.js: a reactive frameworkIntroduction to Cycle.js with real time data example
Building realtime applications with CycleJS and RxJSLearn how to build realtime applications with CycleJS and RxJS
Working with HTTP Streams with Cycle.jsLearn how to use Cycle.js to handle HTTP requests and responses

Learn / Videos

What if the user was a function?Presentation at JSConf BP2015 by
Unidirectional data flow architecturesPresentation AtTheFrontend Conference by
Cycle.js and functional reactive user interfacesPresentation at ReactiveConf 2015 by
Intro to Functional Reactive Programming with Cycle.jsPresentation by
Cycle.js FundamentalsPlaylist at
Cycle.js was built to solve problemsby Andre Staltz at
Brains as Building Blocksby Andre Staltz at
Back to the Future, Hot reloading with Cycle.jsby Nick Johnstone at
From MVC to FRPby Gleb Bahmutov at
Cycle.js on the bash sideby Hadrien de Cuzey at
Reactive Programming with Cycle.jsby Luca Mezzalira at
Learning how to ride: an introduction to Cycle.jsby Fernando Macias Pereznieto at
User Interfaces as Pure Functions of TimeLightning talk by at

Learn / Slides

Cycle.js an honestly reactive framework for web user interfacesby Eryk Napierała
Intro to Cycle.jsby Arye Lukashevki
Reactive Programming with Cycle.jsby Luca Mezzalira
Cycle.js - building apps with streams onlyby Luca Matteis
Functional Reactive Programming with Cycle.jsby Sudarsan Balaji
Beyond flux: going full cycle with FRPby

Learn / Example Applications

cyclejs/cycle-examples10,236almost 3 years agoOfficial collection of small Cycle.js examples
Widdershin/tricycle ★2326over 9 years agoScratchpad for trying out Cycle.js, relies on Ace Editor with Cycle
cgeorg/todomvp ★2123over 11 years agoMinimum Viable Pizza, an example webapp written in Cycle.js
erykpiast/cyclejs-examples ★99over 11 years agoExample web applications built with Cycle.js
grozen/trends-cycle ★33over 11 years agoSlack trend searching written in Cycle.js
ivan-kleshnin/cyclejs-examples ★120121almost 9 years agoCollection of CycleJS examples, ES6
ivan-kleshnin/tetris-cyclejs ★1216almost 11 years agoTetris game implemented in CycleJS, ES6
phadej/graafi ★2020over 11 years agoCycle.js experiment with SVG and global undo/redo
staltz/matrixmultiplication.xyz ★5481,149over 4 years agoA interactive matrix multiplication
staltz/rxmarbles ★2,5774,209almost 5 years agoInteractive diagrams of Rx Observables
MarcCloud/magic-cart ★66almost 11 years agoSimple shopping cart of a magic creatures store
foxdonut/cycle-todolist ★11demonstrates a simple Cycle.js TODO list app with CRUD
Mercateo/component-check ★468464over 10 years agoCommon patterns for building Cycle.js components
edge/electron-cycle-media ★2729over 6 years agoMedia player written with Cycle.js and Electron
kibin/cycle-example-who-to-follow ★1615about 3 years agoSmall example partly implements twitter’s who to follow box using github api
SkaterDad/cycle-snabbdom-examples ★1213almost 10 years agoExamples of nested components, using snabbdom-specific animations
bahmutov/draw-cycle ★112149almost 10 years agoInteractive visualization of counter application showing the data flow inside a MVI component
andreloureiro/pomocycle ★2124about 10 years agoA simple Pomodoro timer
laszlokorte/tams-tools ★2431almost 4 years agoA set of tools for teaching and learning computer science built with cycle.js
lucamezzalira/jsday-cycle-js ★1617almost 10 years agoReactive Live London Tube trains status example built with Cycle.js
cyclejs-community/built-with-cycle ★99over 8 years agoto showcase the cool projects built with Cycle.js
class-ideas/cyclejs-hangman ★109almost 10 years agoA hangman game built with Cycle.js
wmaurer/cyclejs-fractals ★1521over 9 years agoDancing pythagorean tree fractal - Animating 2048 SVG nodes
fabiothiroki/cyclejs-starwars ★26almost 9 years agoA Star Wars character search app using Cycle.js, RxJS and Virtual DOM tests
staltz/mmmmm-mobile ★124937about 2 years agoA React Native + Cycle.js app to implement a social network on Secure Scuttlebutt networks
cyclejs/todomvc-cycle ★214240about 8 years agoTodoMVC implemented in Cycle.js
jefersondaniel/cyclejs-notes5almost 4 years agoNotes app using Cycle.js and Orbit.js
staltz/dat-installer ★77275about 8 years agoDownload, install, and update Android apps through Dat
usm4n/cycle-hn ★2542almost 9 years agoHackernews Clone Using CycleJS
lizraeli/cycle-github-emojis4almost 9 years agoA github emoji viewer made with Cycle.JS
perjerz3434/meetup.com ★12almost 8 years agoMeetup.com RSVP visualization around the world using CycleJS

Tools / CLI

cyclejs-community/create-cycle-app ★160237over 6 years agoCreate Cycle.js apps with no build configuration

Libraries / Drivers

@cycle/http10,236almost 3 years agoA Cycle.js Driver for making HTTP requests, based on superagent
@cycle/dom10,236almost 3 years agoA Cycle.js driver to enable interaction with the DOM. The driver is based on snabbdom as the Virtual DOM library
@cycle/storage51almost 6 years agoA Cycle.js Driver for using localStorage and sessionStorage
@cycle/history10,236almost 3 years agoThis is the standard Cycle.js driver for dealing with the
@cycle/isolate10,236almost 3 years agoA utility function to make scoped dataflow components in Cycle.js
@cycle/time10,236almost 3 years agoFast and beautiful tests and time management for Cycle.js
cyclejs/cycle-notification-driver ★2022over 10 years agoA Cycle.js Driver for showing and responding to HTML5 Notifications
axefrog/cycle-router5 ★3029about 11 years agoA router driver using Router5
cgeorg/cycle-socket.io ★2728almost 9 years agoA Cycle driver for Socket.IO clients
secobarbital/cycle-fetch-driver ★22almost 11 years agoA Cycle.js Driver for making HTTP requests, using the Fetch API
r7kamura/cycle-fetcher-driver ★1414almost 11 years agoA Cycle.js Driver for making HTTP requests using
benji6/cycle-audio-graph ★1219over 4 years agoA Cycle.js Driver for manipulating the Web Audio API using
CyclicMaterials/cycle-hammer-driver ★1112almost 11 years agoA Cycle.js driver to wrap Hammer.js and detect touch gestures
jessaustin/cycle-sse-driver ★66over 10 years agoSource driver for Server-Sent Events/EventSource
tylors/cycle-snabbdom ★4141over 10 years agoDOM driver using Snabbdom
cyclejs-community/cyclic-router ★90109almost 8 years agoRouter Driver built for Cycle.js
Widdershin/cycle-animation-driver ★3334over 9 years agoCycle driver for requestAnimationFrame
dralletje/cycle-firebase ★2121over 10 years agoA Cycle.js Driver for Firebase
edge/cycle-blessed ★4649over 10 years agoA Cycle.js Driver for terminal applications
10clouds/cyclejs-cookie ★22almost 10 years agoCookies Driver for Cycle.js
whitecolor/cycle-async-driver ★2524over 9 years agoFactory for creating async request/response cycle.js drivers
raquelxmoss/cycle-keys ★3532about 10 years agoDriver for keyboard events
rektide/recyclec ★00over 10 years agoReadline driver
goodmind/cycle-telegram ★1521over 9 years agoA Cycle.js Driver for Telegram Bot API
apoco/cycle-electron-driver ★2223over 9 years agoDriver to interact with Electron interface from Cycle.js application
rkrupinski/cyclejs-animated-localstorage ★1217over 10 years agoA Cycle.js driver for animating (srsly) localStorage
cyclejs-community/cycle-keyboard ★99about 9 years agoA keyboard driver for cycle.js
garrydzeng/cycle-page ★34over 9 years agoA tiny client-side router for Cycle.js
jbowden1982/cycle-socketcluster ★54about 10 years agoA socketcluster driver for Cycle.js
cyclejs-community/redux-cycles ★599744over 8 years agoA Redux middleware that allows you to handle actions lifecycle with Cycle.js
JuniperChicago/cycle-gun ★1827over 8 years agoA basic Cycle.js driver wrapping a gun.js instance allowing graph storage and p2p sync
EnigmaCurry/cycle-deepstream ★810over 8 years agoA Cycle.js driver for
Alex0007/cycle-express-driver ★13over 9 years agoA Cycle.js driver for Express.js server
mrpierrot/cycle-node-http-server ★46about 9 years agoA Cycle.js driver for Node.js HTTP(S) server
mrpierrot/cycle-net ★02almost 8 years agoA Cycle.js driver for Node.js HTTP(S)/WS(S)/Socket.io server
Avalander/cycle-idb ★413over 8 years agoA Cycle.js driver wrapping IndexedDB
unhappychoice/cycle-pusher ★16almost 2 years agoA Cycle.js driver for
helmoski/cycle-selection-driver4over 3 years agoA Cycle.js driver for interacting with the
mjyc/cycle-posenet-driver ★16about 6 years agoA Cycle.js drivers for pose detection using -powered
@cycle-robot-drivers/speech ★16about 6 years agoCycle.js drivers for speech synthesis and recognition using
@cycle-robot-drivers/sound ★16about 6 years agoA Cycle.js driver for playing sounds using

Libraries / Utilities

staltz/chai-virtual-dom ★2424about 11 years agoChai assertion helpers to test virtual-dom VTrees
cgeorg/sinject ★1010over 11 years agoa dependency injection tool supporting Cycle's circular dependencies
erykpiast/cyclejs-group ★2018about 11 years agoUtility for CycleJS framework for reducing boilerplate when creating groups of streams
erykpiast/cyclejs-wc ★24about 11 years agoUtility for creating Web Components based on Cycle.js
ohanhi/hyperscript-helpers ★390627about 6 years agoelm-html inspired helpers for writing hyperscript or virtual-hyperscript
pH200/cycle-react ★342370about 7 years agouse React instead of virtual-dom with a Cycle-like API
madcapjake/earlhyperscript ★22about 11 years agoA helper function and macro for using Earl Grey's with Cycle.js
WorldMaker/cycle-gear ★45over 8 years agoA main function factory for Cycle based upon a formalization of Cycle's MVI pattern
SuperManitu/cyclejs-sortable ★1517over 7 years agoMake everything sortable via drag and drop in only one line of code!
atomrc/cyclejs-auth0 ★2223over 8 years agoEverything you need to start playing with Auth0 on your Cyclejs app (Driver + component)
staltz/cycle-onionify ★244279almost 8 years agoFractal state management for Cycle.js apps
maiermic/cycle-storageify ★56over 8 years agoAugments your Cycle.js component (main function) by storing its onion-shaped state in local storage
shfrmn/cycle-lot2almost 8 years agoHandle dynamic lists of Cycle.js components with ease (full typesript support)
sarimarton/powercycleStatic VDOM composition and React-like development on top of Cycle.js

Libraries / Boilerplates

andreloureiro/cyclejs-starter ★5053over 9 years agoCycle.js starter template with ES6 and Livereload
Frikki/generator-cyclejs ★22almost 3 years agoScaffold out a Cycle.js Nested Dialogue module using Yeoman
edge/cyc ★194195almost 10 years agoScaffold an isomorphic Cycle.js app in seconds
cmdv/cycle-webpack-boilerplate ★10195over 9 years agoCycle app with routing, state handling and tests
Widdershin/cycle-hot-reloading-example ★2726over 10 years agoA Cycle.js starter project with hot reloading using browserify-hmr
mciparelli/cycle-hmr-example ★00over 10 years agoA Cycle.js starter project using browserify and cycle-hmr
cycle-community/typescript-starter-cycle ★2234almost 9 years agoA simple project for getting started with TypeScript in cycle.js, using Webpack. Has settings for Visual Studio Code as candy
wyqydsyq/unicycle ★611over 3 years agoA boilerplate universal Cycle app running on a Koa.js server with HMR and ServiceWorkers via Webpack
syarul/cycle-iso ★44over 10 years agoA barebone boilerplate Cycle app with data stream base on promises and fetched with Falcor.js
snowpack-cycle2almost 6 years agoSnowpack app template to create Cycle.js projects with create-snowpack-app

Libraries / Testing

erykpiast/cyclejs-mock ★2222over 11 years agoUtility for testing applications based on CycleJS framework
jeysal/pretty-format-snabbdom ★06almost 4 years agoA ( snapshot) plugin for rendering snapshots of snabbdom VNodes as nicely as those of React elements

Libraries / Debugging

cyclejs/cycle-time-travel ★213217over 9 years agoA time travelling debugger for Cycle.js apps. Displays a stream visualizer that you can drag to go back in time

Libraries / Components

erykpiast/autocompleted-select ★1012over 11 years agoSelect Web Component with autocompletion. Based on RxJS and VirtualDOM
enten/cyclejs-calendar ★1110over 10 years agoCalendar component for Cycle.js. Try it online
mciparelli/cyclejs-gravatar ★00over 10 years agoCycle.js component for rendering a gravatar profile image
tommy-the-runner/cyclejs-ace-editor ★02over 9 years agoCycle.js intergration with Ace Editor using . Check an example
raquelxmoss/cycle-color-picker ★4458about 8 years agoA Color Picker component for Cycle.js.
cyclejs-community/cycle-svg-pan-and-zoom ★45almost 10 years agoA Google Maps style SVG pan and zoom component for Cycle.js

Community

Gitter chatAsk 'how do I ...?'

Backlinks from these awesome lists:

More related projects: