FluxRecorder

KO | EN

gitlite — search

#javascript #typescript #android #linux #docker #macos #nodejs #windows #cli #kubernetes #vue #pytorch #mcp #openai

(★ 96)

Record and replay actions for the Flux Dispatcher

File Explorer

Download Latest Version (.zip)

- - .gitignore
  - index.html
  - package.json
  - README.md
- flux-recorder.js
.gitignore
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# FluxRecorder: Live Action Replay
A proof of concept to record and replay actions for [Facebook's Flux Dispatcher](https://github.com/facebook/flux)

Inspired by Jeremy Morrell's JSConf UY presentation: [Those who forget the past](https://speakerdeck.com/jmorrell/jsconf-uy-flux-those-who-forget-the-past-dot-dot-dot-1).

Background and explanation here: [Replaying bugs with Flux](https://medium.com/@nextminds/replaying-bugs-with-flux-52f6bd8c8307)

## Usage:

``` javascript
var AppDispatcher = require('./dispatcher'); // reference to you Flux Dispatcher instance
var FluxRecorder = require('./flux-recorder'); // the flux-recorder.js from this project
var recorder = new FluxRecorder(AppDispatcher); // create a new recorder instance
recorder.startRecording(); // listen to and save actions
recorder.listenToHotKeys(); // enable prompts: ALT-SHIFT-C to copy and ALT-SHIFT-P to replay
```

<a href="http://nextminds.github.io/flux-recorder/flux-chat/">Live demo of the Flux Chat App with recording here.</a> (Always start with a fresh state (so refresh) before replaying actions!)

## Pointers

1. Turn off your API-communication before replay (all incoming data should be in the actions already)
2. Make sure all application-state changes go through actions and the dispatcher
3. Make sure the starting point for both recording and replay is an 'empty' state
4. When using React Router, use it the flux way (with actions and a RouterStore): https://github.com/rackt/react-router/blob/master/docs/guides/flux.md#accessing-route-and-params-from-action-creators
5. Obfuscate any sensitive data when using this with real users

## npm
This is a proof of concept. Will release a future version if there is enough interest. Contributions and feedback very
welcome in GitHub issues.

FluxRecorder

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

FluxRecorder

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README