<commit_before>A custom monitor for use with [Redux DevTools](https://github.com/gaearon/redux-devtools).

It uses a slider based on [react-slider](https://github.com/mpowaga/react-slider) to slide between different recorded actions. It also features play/pause/step-through, which is inspired by some very cool [Elm](http://elm-lang.org/) [examples](http://elm-lang.org/blog/time-travel-made-easy).

### Installation

```npm install redux-slider-monitor```

In your root component:
```
import { DevTools, DebugPanel } from 'redux-devtools';
import SliderMonitor from 'redux-slider-monitor';

<DebugPanel left right bottom>
  <DevTools store={store}
            monitor={SliderMonitor}
  />
</DebugPanel>

```

### Running Examples

You can do this:

```
git clone https://github.com/calesce/redux-slider-monitor.git
cd redux-slider-monitor
npm install

cd examples/counter
npm install<commit_msg>added Usage section to README<commit_after>A custom monitor for use with [Redux DevTools](https://github.com/gaearon/redux-devtools).

It uses a slider based on [react-slider](https://github.com/mpowaga/react-slider) to slide between different recorded actions. It also features play/pause/step-through, which is inspired by some very cool [Elm](http://elm-lang.org/) [examples](http://elm-lang.org/blog/time-travel-made-easy).

### Installation

```npm install redux-slider-monitor```

In your root component:
```
import { DevTools, DebugPanel } from 'redux-devtools';
import SliderMonitor from 'redux-slider-monitor';

<DebugPanel left right bottom>
  <DevTools store={store}
            monitor={SliderMonitor}
  />
</DebugPanel>

```

### Usage

Fire off some Redux actions. Use the slider to navigate between the state changes.

Click the play/pause icons (or spacebar) to watch the state changes over time, or drag the slider to jump to a specific state.

### Running Examples

You can do this:

```
git clone https://github.com/calesce/redux-slider-monitor.git
cd redux-slider-monitor
npm install

cd examples/counter
npm install
{'fraction_non_alphanumeric': 0.12297097884899164, 'fraction_numerical': 0.0, 'mean_word_length': 4.482479784366577, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1287443', 'n_tokens_mistral': 630, 'n_tokens_neox': 602, 'n_words': 193}