LogoLogo
  • Eventrix
  • Introduction
    • Installation
    • Quick start
    • Getting started
    • Demo
    • About
  • Devtools - EventrixDebugger
  • Use cases
    • Handle errors
    • Simple form management
    • Communication between components
    • Next.js
    • Basic setup on project
    • Fetch list and display in component
  • CONTEXT
    • EventrixProvider
    • PersistStoreGate
    • EventrixScope
  • MIGRATION
    • Redux -> Eventrix
  • Receivers
    • EventsReceiver
    • RequestsHandler
    • fetchToStateReceiver
    • fetchStateReceiver
    • fetchHandler
  • HOC
    • withEventrix
    • withEventrixState
  • HOOKS
    • useEventrixState
    • useEmit
    • useEvent
    • useEventState
    • useFetchToState
    • useReceiver
    • useFetchState
  • CLASS DECORATORS
    • @useEventrix
    • @receiver
    • @fetchToState
    • @listener
  • COMPONENT DECORATORS
    • @eventrixComponent
    • @eventListener
    • @stateListener
    • @eventrixState
Powered by GitBook
On this page

Was this helpful?

  1. CLASS DECORATORS

@receiver

This decorator register class method as receiver in eventrix.

"useEventrix" decorator is required if You want use any of eventrix decorators.

import React from 'react';
import { useEventrix, receiver } from 'eventrix';

@useEventrix
class ClientsService {
    constructor(services) {
        this.axios = services.axios;
    }

    @receiver(['Clients:loadList'])
    getList(eventName, eventData, stateManager) {
        return this.axios.get('http://someDomain.com', { params: eventData })
            .then(({ data }) => {
                stateManager.setState('clients', data);
            });
    };
}

export default ClientsService;

Below the same code without decorators

import React from 'react';
import { EventsReceiver } from 'eventrix';

class ClientsService {
    constructor(services) {
        this.axios = services.axios;
        this.eventrix = services.eventrix;
        
        this.getListReceiver = new EventsReceiver(['Clients:loadList'], this.getList);
        this.eventrix.useReceiver(this.getListReceiver);
    }

    getList = (eventName, eventData, stateManager) => {
        return this.axios.get('http://someDomain.com', { params: eventData })
            .then(({ data }) => {
                stateManager.setState('clients', data);
            });
    };
}

export default ClientsService;
Previous@useEventrixNext@fetchToState

Last updated 3 years ago

Was this helpful?