Вы можете найти полную документацию на


Описание

создатель действий отличный пакет javascript, который позволяет вам динамично создавать объекты действий в Redux без необходимость заявить КОНСТАНТЫ и отдельно создатель действий функции для каждого действия.


Монтаж

npm install actions-creator
Войти в полноэкранный режим

Выйти из полноэкранного режима


Пример использования

import {actionsCreator} from 'actions-creator'

const action_1 = actionsCreator.MY.FIRST.ACTION('arg1')
//      {
//          type: 'MY/FIRST/ACTION',
//          payload: 'arg1',
//      } 

const action_2 = actionsCreator.This.is.my.second.action(2021)
//      {
//          type: 'This/is/my/second/action',
//          payload: 2021,
//      } 


// To get the type of action
String( actionsCreator.MY.FIRST.ACTION ) // 'MY/FIRST/ACTION'
// or
actionsCreator.MY.FIRST.ACTION().type // 'MY/FIRST/ACTION'

Войти в полноэкранный режим

Выйти из полноэкранного режима


Действия с обратным вызовом

Иногда нам нужно действие, чтобы иметь возможность обратного вызова. Это может быть необходимо во многих случаях.

Actions Creator позволяет нам сделать это красиво:
Когда мы пытаемся сгенерировать объект действия, мы можем передать функция обратного вызова как последний аргумент. Actions Creator проверит, и если последний аргумент является функцией, он будет считаться функция обратного вызова.

import {actionsCreator} from 'actions-creator'

const callback = () => {
    console.log('Hello, I am callback!!!')
}

const action = actionsCreator.MY.CALLBACKABLE.ACTION(123, callback)
//      {
//          type: 'MY/CALLBACKABLE/ACTION',
//          payload: 123,
//          cb: [Function callback],
//      }

action.cb() // 'Hello, I am callback!!!'
Войти в полноэкранный режим

Выйти из полноэкранного режима


Синтаксис



actionsCreator.ANY.ACTION(payload, callback?)

  • полезная нагрузка <Any>

    Любое значение в качестве полезной нагрузки.

  • перезвонить <Function>

    Любая функция в качестве обратного вызова.

Возвращает <Object>

  • тип <String> Тип действия в виде строки.

    actionsCreator.ANY.ACTION().type === 'ANY/ACTION' // true
    
  • полезная нагрузка <Any>

    Значение полезной нагрузки — указано в первом аргументе.

    actionsCreator.ANY.ACTION(123).payload === 123 // true
    
  • КБ <Function>

    Функция обратного вызова — указана в последнем аргументе.

    const callback = () => {};
    
    actionsCreator.ANY.ACTION(123, callback).cb === callback // true
    


Ссылки