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
  • Abort event structure
  • Resolve event structure
  • RequestsHandler instance methods

Was this helpful?

  1. Receivers

RequestsHandler

RequestsHandler can handle your requests. You can abort last requests before ended or resolve them. You can do that using methods from RequestsHandler class instance or by emit events from components. This is example how handle request:

import { RequestsHandler, EventsReceiver, Eventrix } from 'eventrix';
import axios from 'axios';

const eventrix = new Eventrix();
const requestsHandler = new RequestsHandler(eventrix);

const fetchUsersReceiver = new EventsReceiver(
    'Users:fetchList',
    (eventName, eventData, stateManager) => {
        const requestId = 'fetchUsers';
        return requestsHandler.handleRequest(
            axios.get('https://abc.com/users'),
            requestId
        ).then(({ data }) => {
            stateManager.setState('users', data);
        });
    }
);

eventrix.useReceiver(fetchUsersReceiver)

export default eventrix;

When you handle request in this way you can abort them by emit event

emit('AbortRequest:fetchUsers', rejectData)

You can also abort last requests using RequestsHandler instance

import { RequestsHandler, EventsReceiver, Eventrix } from 'eventrix';
import axios from 'axios';

const eventrix = new Eventrix();
const requestsHandler = new RequestsHandler(eventrix);

const fetchUsersReceiver = new EventsReceiver(
    'Users:fetchList',
    (eventName, eventData, stateManager) => {
        const requestId = 'fetchUsers';
        requestsHandler.abortAllById(requestId, 'request rejected'); // reject last requests
        return requestsHandler.handleRequest(
            axios.get('https://abc.com/users'),
            requestId
        ).then(({ data }) => {
            stateManager.setState('users', data);
        });
    }
);

eventrix.useReceiver(fetchUsersReceiver)

export default eventrix;

Abort event structure

"AbortRequest:" + request_id

Resolve event structure

"ResolveRequest:" + request_id

RequestsHandler instance methods

abortAll(rejectData: any) - abort all pending requests

abortAllById(requestId: string, responseData: any) - abort all pending requests with requestId

resolveAll(rejectData: any) - resolve all pending requests

resolveAllById(requestId: string, responseData: any) - resolve all pending requests with requestId

isAnyPending(): boolean - check if any request pending

isPending(requestId: string): boolean - check if any request pending with requestId

PreviousEventsReceiverNextfetchToStateReceiver

Last updated 2 years ago

Was this helpful?