All Projects → clarketm → saga-monitor

clarketm / saga-monitor

Licence: MIT license
Simple, elegant, and configurable redux-saga monitor

Programming Languages

javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to saga-monitor

next-redux-saga-boilerplate
Next/Redux/Saga boilerplate - Example of using Next.js 9 with Redux Saga
Stars: ✭ 13 (-64.86%)
Mutual labels:  sagas, redux-saga, saga
OpenSleigh
OpenSleigh is a Saga management library for .NET Core.
Stars: ✭ 198 (+435.14%)
Mutual labels:  sagas, saga
use-saga-reducer
Use redux-saga without redux
Stars: ✭ 72 (+94.59%)
Mutual labels:  sagas, redux-saga
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK 😎
Stars: ✭ 271 (+632.43%)
Mutual labels:  sagas, redux-saga
sargeras
基于Saga思想解决长事务(LLT,Long-Live-Transaction)的框架
Stars: ✭ 22 (-40.54%)
Mutual labels:  sagas, saga
Redux Saga
An alternative side effect model for Redux apps
Stars: ✭ 21,975 (+59291.89%)
Mutual labels:  sagas, redux-saga
react-truffle-metamask
Build an DApp using react, redux, saga, truffle, metamask
Stars: ✭ 25 (-32.43%)
Mutual labels:  redux-saga, saga
Redux Saga Testing
A no-brainer way of testing your Sagas
Stars: ✭ 150 (+305.41%)
Mutual labels:  sagas, redux-saga
Kea
Production Ready State Management for React
Stars: ✭ 1,805 (+4778.38%)
Mutual labels:  sagas, redux-saga
Redux Most
Most.js based middleware for Redux. Handle async actions with monadic streams & reactive programming.
Stars: ✭ 137 (+270.27%)
Mutual labels:  sagas, redux-saga
Redux Tower
Saga powered routing engine for Redux app.
Stars: ✭ 155 (+318.92%)
Mutual labels:  sagas, redux-saga
react-native-template
An enterprise react-native template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, navigation configuration and CI
Stars: ✭ 32 (-13.51%)
Mutual labels:  redux-saga, saga
molecule
⚛️ –  – ⚛️ Boilerplate for cross platform web/native react apps with electron.
Stars: ✭ 95 (+156.76%)
Mutual labels:  redux-saga
react-native-boilerplate
从真实项目中抽离出的一个简单的样板。(A simple boilerplate stripping out of a real project.)
Stars: ✭ 21 (-43.24%)
Mutual labels:  redux-saga
booto
😍A light framework for React Application. Easy for life!
Stars: ✭ 18 (-51.35%)
Mutual labels:  redux-saga
isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-48.65%)
Mutual labels:  redux-saga
enlite-starter
Enlite Starter - React Dashboard Starter Template with Firebase Auth
Stars: ✭ 28 (-24.32%)
Mutual labels:  redux-saga
redux-knife-manager
The lightweight and flexible library for implementing Redux entities with React.
Stars: ✭ 32 (-13.51%)
Mutual labels:  redux-saga
umi-dva-typescript-mock
基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars: ✭ 17 (-54.05%)
Mutual labels:  redux-saga
edat
Event-driven architecture toolkit
Stars: ✭ 27 (-27.03%)
Mutual labels:  sagas

Saga Monitor

NPM release Build Status License

Simple, elegant, and configurable redux-saga monitor.

Compatibility Notice

This module is only compatible with Redux-Saga >=1.0.0. To support earlier versions of Redux-Saga please use: saga-monitor v1.0.10 or earlier.

Installation

Yarn

$ yarn add @clarketm/saga-monitor

NPM

$ npm install @clarketm/saga-monitor --save

CDN

.es.js .js .min.js
🔗 🔗 🔗

Configuration

const defaultConfig = {
  level: "debug", // logging level
  verbose: true, // verbose mode
  color: "#03A9F4", // default color
  rootSagaStart: false, // show root saga start effect
  effectTrigger: false, // show triggered effects
  effectResolve: false, // show resolved effects
  effectReject: false, // show rejected effects
  effectCancel: false, // show cancelled effects
  actionDispatch: false // show dispatched actions
};

Usage

import createSagaMonitor from "@clarketm/saga-monitor";

// configuration
const config = {
  level: "log",
  effectTrigger: true,
  effectResolve: true,
  actionDispatch: true
};

const middleware = [
  // create saga middleware w/ sagaMonitor
  createSagaMiddleware({
    sagaMonitor: createSagaMonitor(config)
  })
];

console output

Run $$LogSagas() in the developer console to display a snapshot of all the available sagas.

console output

Credits

This was adapted from the sagaMonitor example in the redux-saga repository.

License

MIT © Travis Clarke

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].