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. Core concepts

@ComponentState decorator

Is used to inject actions into component

When component is created @ComponentState decorator creates does two things:

  • Creates instance of state actions

  • Assigns values to statePath and stateIndex taken from props

Component state takes 1 parameter but it can be either action class or function that resolves action class:

@ComponentState(TodosStateActions)

or

@ComponentState((component: TodosComponent) => {
  return component.isStateA
    ? A_StateActions
    : B_StateActions;
})

Previous@InjectStore decoratorNextComponentState Hook

Last updated 6 years ago

Was this helpful?