react-state-rxjs
  • Introduction
  • Main differences
  • Performance first
  • GETTING STARTED
    • Instalation
    • Examples
  • Core concepts
    • Main idea
      • More complex flow visualization
    • Configuration
    • Store
      • Operators
      • Optimistic updates plugin
      • Form manager plugin
        • ShouldUpdateState hook
        • Custom form elements
      • Persist state plugin
        • Configuring custom storage
    • Actions
      • Immer
      • ImutableJs
      • Async
    • Components with Actions
    • @InjectStore decorator
    • @ComponentState decorator
    • ComponentState Hook
    • Dispatcher
    • Router / History
  • DIFFERENT SCENARIOS
    • Passing list item index via router
  • UNIT TESTING
    • Setup
    • Test store
    • Test actions
    • Test component with actions
    • Test with Enzyme
  • Debugging
    • Setup
    • Redux DevTools
    • Automated changes output
    • Manual state changes check
    • Additional debugging information
  • Production
    • Production mode
  • Other information
    • Best practices
    • CLI
      • Custom Configurations
    • Performance
    • Blog Posts
    • Contributing
Powered by GitBook
On this page

Was this helpful?

  1. Debugging

Additional debugging information

PreviousManual state changes checkNextProduction mode

Last updated 6 years ago

Was this helpful?

To get better understanding on what is changing what react-state-rxjs supports state messages or actionType. In order to set additional debugging information you need to pass an object as a third parameter to store.update method.

 addTodo(item: TodoModel) {
    this.store.update(state => {
        state.push(fromJS(item));
    }, false, { message: "Item Added" })
}

Complete message would look like:

'${statePath} - {message || actionType}'

Demo

Default actions

Some functions has their default actions which are set if not overridden from actions

  • store.update - ActionType.Update

  • store.reset - ActionType.Reset

Action types

These action types available out of the box

  • Update

  • Reset

  • Insert

  • Delete