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
827 stars
45 watching
72 forks
last commit: almost 4 years ago
Linked from 3 awesome lists
Learn / Documentation | |||
cycle.js.org | Cycle.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 framework | Introduction to Cycle.js with real time data example | ||
Building realtime applications with CycleJS and RxJS | Learn how to build realtime applications with CycleJS and RxJS | ||
Working with HTTP Streams with Cycle.js | Learn 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 architectures | Presentation AtTheFrontend Conference by | ||
Cycle.js and functional reactive user interfaces | Presentation at ReactiveConf 2015 by | ||
Intro to Functional Reactive Programming with Cycle.js | Presentation by | ||
Cycle.js Fundamentals | Playlist at | ||
Cycle.js was built to solve problems | by Andre Staltz at | ||
Brains as Building Blocks | by Andre Staltz at | ||
Back to the Future, Hot reloading with Cycle.js | by Nick Johnstone at | ||
From MVC to FRP | by Gleb Bahmutov at | ||
Cycle.js on the bash side | by Hadrien de Cuzey at | ||
Reactive Programming with Cycle.js | by Luca Mezzalira at | ||
Learning how to ride: an introduction to Cycle.js | by Fernando Macias Pereznieto at | ||
User Interfaces as Pure Functions of Time | Lightning talk by at | ||
Learn / Slides | |||
Cycle.js an honestly reactive framework for web user interfaces | by Eryk Napierała | ||
Intro to Cycle.js | by Arye Lukashevki | ||
Reactive Programming with Cycle.js | by Luca Mezzalira | ||
Cycle.js - building apps with streams only | by Luca Matteis | ||
Functional Reactive Programming with Cycle.js | by Sudarsan Balaji | ||
Beyond flux: going full cycle with FRP | by | ||
Learn / Example Applications | |||
cyclejs/cycle-examples | 10,243 | 12 months ago | Official collection of small Cycle.js examples |
Widdershin/tricycle ★23 | 26 | over 7 years ago | Scratchpad for trying out Cycle.js, relies on Ace Editor with Cycle |
cgeorg/todomvp ★21 | 23 | over 9 years ago | Minimum Viable Pizza, an example webapp written in Cycle.js |
erykpiast/cyclejs-examples ★9 | 9 | over 9 years ago | Example web applications built with Cycle.js |
grozen/trends-cycle ★3 | 3 | almost 10 years ago | Slack trend searching written in Cycle.js |
ivan-kleshnin/cyclejs-examples ★120 | 121 | about 7 years ago | Collection of CycleJS examples, ES6 |
ivan-kleshnin/tetris-cyclejs ★12 | 16 | almost 9 years ago | Tetris game implemented in CycleJS, ES6 |
phadej/graafi ★20 | 20 | over 9 years ago | Cycle.js experiment with SVG and global undo/redo |
staltz/matrixmultiplication.xyz ★548 | 1,141 | almost 3 years ago | A interactive matrix multiplication |
staltz/rxmarbles ★2,577 | 4,208 | about 3 years ago | Interactive diagrams of Rx Observables |
MarcCloud/magic-cart ★6 | 6 | about 9 years ago | Simple shopping cart of a magic creatures store |
foxdonut/cycle-todolist ★11 | demonstrates a simple Cycle.js TODO list app with CRUD | ||
Mercateo/component-check ★468 | 464 | over 8 years ago | Common patterns for building Cycle.js components |
edge/electron-cycle-media ★27 | 29 | almost 5 years ago | Media player written with Cycle.js and Electron |
kibin/cycle-example-who-to-follow ★16 | 15 | over 1 year ago | Small example partly implements twitter’s who to follow box using github api |
SkaterDad/cycle-snabbdom-examples ★12 | 13 | about 8 years ago | Examples of nested components, using snabbdom-specific animations |
bahmutov/draw-cycle ★112 | 149 | about 8 years ago | Interactive visualization of counter application showing the data flow inside a MVI component |
andreloureiro/pomocycle ★21 | 24 | over 8 years ago | A simple Pomodoro timer |
laszlokorte/tams-tools ★24 | 31 | almost 2 years ago | A set of tools for teaching and learning computer science built with cycle.js |
lucamezzalira/jsday-cycle-js ★16 | 17 | about 8 years ago | Reactive Live London Tube trains status example built with Cycle.js |
cyclejs-community/built-with-cycle ★9 | 9 | almost 7 years ago | to showcase the cool projects built with Cycle.js |
class-ideas/cyclejs-hangman ★10 | 9 | almost 8 years ago | A hangman game built with Cycle.js |
wmaurer/cyclejs-fractals ★15 | 21 | almost 8 years ago | Dancing pythagorean tree fractal - Animating 2048 SVG nodes |
fabiothiroki/cyclejs-starwars ★2 | 6 | about 7 years ago | A Star Wars character search app using Cycle.js, RxJS and Virtual DOM tests |
staltz/mmmmm-mobile ★124 | 935 | 3 months ago | A React Native + Cycle.js app to implement a social network on Secure Scuttlebutt networks |
cyclejs/todomvc-cycle ★214 | 240 | over 6 years ago | TodoMVC implemented in Cycle.js |
jefersondaniel/cyclejs-notes | 5 | almost 2 years ago | Notes app using Cycle.js and Orbit.js |
staltz/dat-installer ★77 | 275 | about 6 years ago | Download, install, and update Android apps through Dat |
usm4n/cycle-hn ★25 | 42 | almost 7 years ago | Hackernews Clone Using CycleJS |
lizraeli/cycle-github-emojis | 4 | almost 7 years ago | A github emoji viewer made with Cycle.JS |
perjerz3434/meetup.com ★1 | 2 | about 6 years ago | Meetup.com RSVP visualization around the world using CycleJS |
Tools / CLI | |||
cyclejs-community/create-cycle-app ★160 | 237 | over 4 years ago | Create Cycle.js apps with no build configuration |
Libraries / Drivers | |||
@cycle/http | 10,243 | 12 months ago | A Cycle.js Driver for making HTTP requests, based on superagent |
@cycle/dom | 10,243 | 12 months ago | A Cycle.js driver to enable interaction with the DOM. The driver is based on snabbdom as the Virtual DOM library |
@cycle/storage | 51 | almost 4 years ago | A Cycle.js Driver for using localStorage and sessionStorage |
@cycle/history | 10,243 | 12 months ago | This is the standard Cycle.js driver for dealing with the |
@cycle/isolate | 10,243 | 12 months ago | A utility function to make scoped dataflow components in Cycle.js |
@cycle/time | 10,243 | 12 months ago | Fast and beautiful tests and time management for Cycle.js |
cyclejs/cycle-notification-driver ★20 | 22 | over 8 years ago | A Cycle.js Driver for showing and responding to HTML5 Notifications |
axefrog/cycle-router5 ★30 | 29 | about 9 years ago | A router driver using Router5 |
cgeorg/cycle-socket.io ★27 | 28 | about 7 years ago | A Cycle driver for Socket.IO clients |
secobarbital/cycle-fetch-driver ★2 | 2 | about 9 years ago | A Cycle.js Driver for making HTTP requests, using the Fetch API |
r7kamura/cycle-fetcher-driver ★14 | 14 | about 9 years ago | A Cycle.js Driver for making HTTP requests using |
benji6/cycle-audio-graph ★12 | 19 | over 2 years ago | A Cycle.js Driver for manipulating the Web Audio API using |
CyclicMaterials/cycle-hammer-driver ★11 | 12 | almost 9 years ago | A Cycle.js driver to wrap Hammer.js and detect touch gestures |
jessaustin/cycle-sse-driver ★6 | 6 | almost 9 years ago | Source driver for Server-Sent Events/EventSource |
tylors/cycle-snabbdom ★41 | 41 | over 8 years ago | DOM driver using Snabbdom |
cyclejs-community/cyclic-router ★90 | 109 | almost 6 years ago | Router Driver built for Cycle.js |
Widdershin/cycle-animation-driver ★33 | 34 | over 7 years ago | Cycle driver for requestAnimationFrame |
dralletje/cycle-firebase ★21 | 21 | over 8 years ago | A Cycle.js Driver for Firebase |
edge/cycle-blessed ★46 | 49 | over 8 years ago | A Cycle.js Driver for terminal applications |
10clouds/cyclejs-cookie ★2 | 2 | about 8 years ago | Cookies Driver for Cycle.js |
whitecolor/cycle-async-driver ★25 | 24 | over 7 years ago | Factory for creating async request/response cycle.js drivers |
raquelxmoss/cycle-keys ★35 | 32 | about 8 years ago | Driver for keyboard events |
rektide/recyclec ★0 | 0 | over 8 years ago | Readline driver |
goodmind/cycle-telegram ★15 | 21 | over 7 years ago | A Cycle.js Driver for Telegram Bot API |
apoco/cycle-electron-driver ★22 | 23 | over 7 years ago | Driver to interact with Electron interface from Cycle.js application |
rkrupinski/cyclejs-animated-localstorage ★12 | 17 | over 8 years ago | A Cycle.js driver for animating (srsly) localStorage |
cyclejs-community/cycle-keyboard ★9 | 9 | over 7 years ago | A keyboard driver for cycle.js |
garrydzeng/cycle-page ★3 | 4 | over 7 years ago | A tiny client-side router for Cycle.js |
jbowden1982/cycle-socketcluster ★5 | 4 | about 8 years ago | A socketcluster driver for Cycle.js |
cyclejs-community/redux-cycles ★599 | 744 | almost 7 years ago | A Redux middleware that allows you to handle actions lifecycle with Cycle.js |
JuniperChicago/cycle-gun ★18 | 27 | almost 7 years ago | A basic Cycle.js driver wrapping a gun.js instance allowing graph storage and p2p sync |
EnigmaCurry/cycle-deepstream ★8 | 10 | over 6 years ago | A Cycle.js driver for |
Alex0007/cycle-express-driver ★1 | 3 | over 7 years ago | A Cycle.js driver for Express.js server |
mrpierrot/cycle-node-http-server ★4 | 6 | about 7 years ago | A Cycle.js driver for Node.js HTTP(S) server |
mrpierrot/cycle-net ★0 | 2 | about 6 years ago | A Cycle.js driver for Node.js HTTP(S)/WS(S)/Socket.io server |
Avalander/cycle-idb ★4 | 13 | over 6 years ago | A Cycle.js driver wrapping IndexedDB |
unhappychoice/cycle-pusher ★1 | 6 | about 1 month ago | A Cycle.js driver for |
helmoski/cycle-selection-driver | 4 | almost 2 years ago | A Cycle.js driver for interacting with the |
mjyc/cycle-posenet-driver ★1 | 6 | about 4 years ago | A Cycle.js drivers for pose detection using -powered |
@cycle-robot-drivers/speech ★1 | 6 | about 4 years ago | Cycle.js drivers for speech synthesis and recognition using |
@cycle-robot-drivers/sound ★1 | 6 | about 4 years ago | A Cycle.js driver for playing sounds using |
Libraries / Utilities | |||
staltz/chai-virtual-dom ★24 | 24 | about 9 years ago | Chai assertion helpers to test virtual-dom VTrees |
cgeorg/sinject ★10 | 10 | over 9 years ago | a dependency injection tool supporting Cycle's circular dependencies |
erykpiast/cyclejs-group ★20 | 18 | over 9 years ago | Utility for CycleJS framework for reducing boilerplate when creating groups of streams |
erykpiast/cyclejs-wc ★2 | 4 | over 9 years ago | Utility for creating Web Components based on Cycle.js |
ohanhi/hyperscript-helpers ★390 | 629 | over 4 years ago | elm-html inspired helpers for writing hyperscript or virtual-hyperscript |
pH200/cycle-react ★342 | 370 | over 5 years ago | use React instead of virtual-dom with a Cycle-like API |
madcapjake/earlhyperscript ★2 | 2 | over 9 years ago | A helper function and macro for using Earl Grey's with Cycle.js |
WorldMaker/cycle-gear ★4 | 5 | over 6 years ago | A main function factory for Cycle based upon a formalization of Cycle's MVI pattern |
SuperManitu/cyclejs-sortable ★15 | 17 | almost 6 years ago | Make everything sortable via drag and drop in only one line of code! |
atomrc/cyclejs-auth0 ★22 | 23 | over 6 years ago | Everything you need to start playing with Auth0 on your Cyclejs app (Driver + component) |
staltz/cycle-onionify ★244 | 279 | about 6 years ago | Fractal state management for Cycle.js apps |
maiermic/cycle-storageify ★5 | 6 | almost 7 years ago | Augments your Cycle.js component (main function) by storing its onion-shaped state in local storage |
shfrmn/cycle-lot | 2 | almost 6 years ago | Handle dynamic lists of Cycle.js components with ease (full typesript support) |
sarimarton/powercycle | Static VDOM composition and React-like development on top of Cycle.js | ||
Libraries / Boilerplates | |||
andreloureiro/cyclejs-starter ★50 | 53 | almost 8 years ago | Cycle.js starter template with ES6 and Livereload |
Frikki/generator-cyclejs ★2 | 2 | 11 months ago | Scaffold out a Cycle.js Nested Dialogue module using Yeoman |
edge/cyc ★194 | 195 | about 8 years ago | Scaffold an isomorphic Cycle.js app in seconds |
cmdv/cycle-webpack-boilerplate ★101 | 95 | almost 8 years ago | Cycle app with routing, state handling and tests |
Widdershin/cycle-hot-reloading-example ★27 | 26 | over 8 years ago | A Cycle.js starter project with hot reloading using browserify-hmr |
mciparelli/cycle-hmr-example ★0 | 0 | over 8 years ago | A Cycle.js starter project using browserify and cycle-hmr |
cycle-community/typescript-starter-cycle ★22 | 34 | about 7 years ago | A simple project for getting started with TypeScript in cycle.js, using Webpack. Has settings for Visual Studio Code as candy |
wyqydsyq/unicycle ★6 | 11 | almost 2 years ago | A boilerplate universal Cycle app running on a Koa.js server with HMR and ServiceWorkers via Webpack |
syarul/cycle-iso ★4 | 4 | over 8 years ago | A barebone boilerplate Cycle app with data stream base on promises and fetched with Falcor.js |
snowpack-cycle | 2 | almost 4 years ago | Snowpack app template to create Cycle.js projects with create-snowpack-app |
Libraries / Testing | |||
erykpiast/cyclejs-mock ★22 | 22 | over 9 years ago | Utility for testing applications based on CycleJS framework |
jeysal/pretty-format-snabbdom ★0 | 6 | almost 2 years ago | A ( snapshot) plugin for rendering snapshots of snabbdom VNodes as nicely as those of React elements |
Libraries / Debugging | |||
cyclejs/cycle-time-travel ★213 | 217 | over 7 years ago | A 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 ★10 | 12 | over 9 years ago | Select Web Component with autocompletion. Based on RxJS and VirtualDOM |
enten/cyclejs-calendar ★11 | 10 | almost 9 years ago | Calendar component for Cycle.js. Try it online |
mciparelli/cyclejs-gravatar ★0 | 0 | almost 9 years ago | Cycle.js component for rendering a gravatar profile image |
tommy-the-runner/cyclejs-ace-editor ★0 | 2 | over 7 years ago | Cycle.js intergration with Ace Editor using . Check an example |
raquelxmoss/cycle-color-picker ★44 | 58 | over 6 years ago | A Color Picker component for Cycle.js. |
cyclejs-community/cycle-svg-pan-and-zoom ★4 | 5 | about 8 years ago | A Google Maps style SVG pan and zoom component for Cycle.js |
Community | |||
Gitter chat | Ask 'how do I ...?' |
More related projects:
- lukasz-pluszczewski/redux-better-promise
- ashtuchkin/iconv-lite
- florian/cookie.js
- mistic100/tinygradient
- esri/arcgis-js-cli
- whitestormjs/whitestorm-typescript-boilerplate
- dubiousdavid/dominator
- karad/lein_template_descjop
- prescottprue/react-redux-firebase
- denisizmaylov/redux-catch-promise
- redux-saga/redux-saga
- webpack-contrib/css-loader
- jamesgeorge007/scaffold-static