https://github.com/brianegan/redux_dev_tools

Time Travel Dev Tools for Dart Redux
https://github.com/brianegan/redux_dev_tools

dart redux redux-devtools

Last synced: 21 days ago
JSON representation

Time Travel Dev Tools for Dart Redux

• Host: GitHub
• URL: https://github.com/brianegan/redux_dev_tools
• Owner: brianegan
• License: mit
• Created: 2017-11-25T20:44:50.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-03-20T15:12:54.000Z (over 3 years ago)
• Last Synced: 2024-10-08T08:00:12.907Z (about 1 month ago)
• Topics: dart, redux, redux-devtools
• Language: Dart
• Size: 243 KB
• Stars: 9
• Watchers: 4
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# redux_dev_tools

[![Build Status](https://travis-ci.org/brianegan/redux_dev_tools.svg?branch=master)](https://travis-ci.org/brianegan/redux_dev_tools) [![codecov](https://codecov.io/gh/brianegan/redux_dev_tools/branch/master/graph/badge.svg)](https://codecov.io/gh/brianegan/redux_dev_tools)

A [Redux](https://pub.dartlang.org/packages/redux) `Store` with a [Delorean](http://www.imdb.com/title/tt0088763/). 

This library allows you to create a `DevToolsStore` during dev mode in place of a normal [Redux](https://pub.dartlang.org/packages/redux) Store. This `DevToolsStore` will act exactly like a normal Store at first, with one catch: It will allow you to travel back and forth throughout the State of your application!

You can write your own UI to travel in time, or use one of the existing options for the platform you're working with:

  * Flutter

    * [flutter_redux_dev_tools](https://pub.dartlang.org/packages/flutter_redux_dev_tools)

  * Remote (Dart and Flutter)

    * [redux_remote_devtools](https://pub.dev/packages/redux_remote_devtools)

    

## Demo

### Flutter

A simple Flutter app that allows you to Increment and Decrement a counter.

![A screenshot of the Dev Tools in Action](https://gitlab.com/brianegan/redux_dev_tools/raw/master/devtools.gif)

## Usage

```dart

// Start by creating a simple Reducer, or a complex one. Dealer's choice. :)

int addOneReducer(int state, action) => state + 1;

// For production mode, this is how you should create your Store.

final store = Store(addReducer, initialState: 0);

// In Dev Mode, however, if you want to hook up to Time-Traveling 

// Dev Tools, create a `DevToolsStore` instead!

//

// It will act exactly like your normal Store, but give you super powers

// to travel back and forth in time throughout your app States!

// 

// Remember: By itself this will beef up your Store, but will not provide

// a UI to Time Travel. See the libraries listed above to learn how to

// connect your Redux store to a UI! 

final store = DevToolsStore(addReducer, initialState: 0);

```

## Credits

All of this code was directly inspired by the original [Redux Devtools](https://github.com/gaearon/redux-devtools).