All Projects → effector → inspector

effector / inspector

Licence: other
Inspector for effector stores

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to inspector

patronum
☄️ Effector operators library delivering modularity and convenience ✨
Stars: ✭ 244 (+1120%)
Mutual labels:  effector
Effector
The state manager ☄️
Stars: ✭ 3,572 (+17760%)
Mutual labels:  effector
citycatch
CityCatch is a variation of "Word chain" game, made on Svelte+Effector+Tailwind
Stars: ✭ 29 (+45%)
Mutual labels:  effector
eslint-plugin
Enforcing best practices for Effector
Stars: ✭ 69 (+245%)
Mutual labels:  effector
foliage
🍃 Style your components with performance
Stars: ✭ 29 (+45%)
Mutual labels:  effector
effector-reeffect
Concurrent effects for Effector ☄️
Stars: ✭ 56 (+180%)
Mutual labels:  effector
razzle-template
SSR template with React, Effector, TypeScript, ReactRouter, and StyledComponents
Stars: ✭ 62 (+210%)
Mutual labels:  effector

Effector Inspector

Dark theme and unit tracing Units in files
Dark-Traces Units

Installation

  1. Install effector, logger and inspector
npm install effector
npm install --dev effector-logger effector-inspector

or yarn

yarn add effector
yarn add -D effector-logger effector-inspector

effector-inspector requires effector and effector-logger to be installed

  1. Follow instructions for effector-logger
  • Setup babel plugin
  • Replace effector to effector-logger
  1. Open your root application file (client.tsx or index.tsx)

Initialize effector logger in it first lines.

import { createInspector } from 'effector-inspector';

createInspector();
  1. Press hot keys to open inspector

By default: CTRL+B in your application

  1. Watch your stores and its values

Release process

  1. Check out the draft release.
  2. All PRs should have correct labels and useful titles. You can review available labels here.
  3. Update labels for PRs and titles, next manually run the release drafter action to regenerate the draft release.
  4. Review the new version and press "Publish"
  5. If required check "Create discussion for this release"
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].