immstruct-actions

A library helping structure functions intended as actions in a React or Omniscient.js architecture, for providing opinionated helpers and tools for easier use.

Can this be achieved with just functions? Yes. This is just a guide for helping organizing functions and streamlining how to pass functions around. A action dispatcher object has subscribe possibilites, but if used with immstruct, this isn't needed. But there is nothing forcing you to use immstruct with this library, even though it is called immstruct-actions.

Install

Install immstruct-actions through npm.

$ npm install --save immstruct-actions

Example Usage

// New empty actions
var actions = require('immstruct-actions');

// Immutable action dispatchers. Returns new ones
var myActions = actions.register(function double (n) {
  return n * 2;
});

var otherActions = actions.register('plus2', (n) => n + 2);

// Combine two actions
var combined = myActions.combine(otherActions);

// invoke one action
var num = combined.invoke('double', 4); //> 8

// Create composed invoker
var numPlus2 = combined.createComposedInvoker('double', 'plus2')(4); //> 10

Example In Omniscient

// Passing to components in React or Omniscient.js

var actions = require('immstruct-actions');
var component = require('omniscient');

var MyButton = component(({text, changeSomething}) =>
  <button onClick={changeSomething}>{text}</button>
);

// Use destructuring to unwrap changeSomething
var App = component({text, actions: { changeSomething }} =>
  <MyButton text={text} changeSomething={changeSomething} />
);

var myActions = actions.register(function changeSomething () {
  // Change some state.
});

myActions = myActions.subscribe(render);
render();
function render () {
  // Fetch all functions from myActions
  React.render(<Button text="Click me" actions={myActions.fn} />, el);
}

API Reference

actions

Returned when requiring the module.

Create a pocket of actions as defined by initial optional actions and optional subscribers. Used to create new immutable action dispatchers.

Example

var actions = require('immstruct-actions');
var myActions = actions.register(function double (i) { return i * 2; });
var double2 = myActions.invoke('double', 2); //> 4
var double = myActions.fn.double;

Properties

| property | type | description | | ------------- | ------------------------- | --------------------------- | | actions | Object.<String, Function> | attached to the dispatcher | | subscribers | Array. | attached to the dispatcher | | fns | Array. | attached to the dispatcher |

actions.invoke(actionName, rest)

Create a pocket of actions as defined by initial optional actions and optional subscribers. Used to create new immutable action dispatchers.

Example

var double2 = actions.invoke('double', 2); //> 4

Parameters

| param | type | description | | ------------ | --------------------- | ------------------------------------ | | actionName | Array.,String | Invoke a named function | | rest | Object | Optional arguments passed to action |

Returns Any,

actions.subscribe(fn)

Add subscriber. Is triggered when any action is invoked. This returns a new actions dispatcher, as action dispatchers are immutable.

Example

var newActionsWithSubscriber = actions.subscribe(function subscriber () {
 // ...
});

Parameters

| param | type | description | | ----- | -------- | -------------------- | | fn | Function | Subscriber function |

Returns actions,

actions.unsubscribe(fn)

Remove subscriber. This returns a new actions dispatcher, as action dispatchers are immutable.

Example

function subscriber () {
 // ...
}
var newActionsWithoutSubscriber = actions.unsubscribe(subscriber);

Parameters

| param | type | description | | ----- | -------- | -------------------- | | fn | Function | Subscriber function |

Returns actions,

actions.register([actionName], fn)

Register new action. This returns a new actions dispatcher, as action dispatchers are immutable.

If not actionName is defined, it uses name of function passed in.

Example

var actions = require('immstruct-actions');
var myActions = actions.register(function double (i) { return i * 2; });
var double2 = myActions.invoke('double', 2); //> 4
var double = myActions.fn.double;

Parameters

| param | type | description | | -------------- | -------- | ----------------------------------- | | [actionName] | String | optional: Name of action function | | fn | Function | Subscriber function |

Returns actions,

actions.remove(fn)

Remove existing action. This returns a new actions dispatcher, as action dispatchers are immutable.

Example

var actions = require('immstruct-actions');
var myActions = actions.register(function double (i) { return i * 2; });
myActions = myActions.remove('double');

Parameters

| param | type | description | | ----- | -------- | -------------------- | | fn | Function | Subscriber function |

Returns actions,

actions.createComposedInvoker(functions)

Create a composed invoker of two or more actions.

Example

var actions = require('immstruct-actions');
var myActions = actions.register(function double (i) { return i * 2; });
myActions = actions.register(function plus2 (i) { return i + 2; });
var doublePlus2 = myActions.createComposedInvoker('double', 'plus2');

Parameters

| param | type | description | | ----------- | -------------- | -------------------------------------- | | functions | Array. | Functions names of actions to compose |

Returns Function,

undefined

fns

actions.combine(functions)

Combine one or more action dispatchers. Returns a new action dispatcher which has all the actions and subscribers of the action dispatchers passed as input.

Example

var actions = require('immstruct-actions');
var myAction1 = actions.register(function double (i) { return i * 2; });
var myAction2 = actions.register(function plus2 (i) { return i + 2; });
var myActions = myAction1.combine(myAction2);
doublePlus2 = myActions.createComposedInvoker('double', 'plus2');

Parameters

| param | type | description | | ----------- | -------------- | -------------------------------------- | | functions | Array. | Functions names of actions to compose |

Returns Actions,

actions.fn

Property getting all functions added as actions. Will trigger subscribers but can be used as standalone functions.

Example

var actions = require('immstruct-actions');
var myAction1 = actions.register(function double (i) { return i * 2; });
var double = myActions.fn.double;
// or with destructuring
var {double} = myActions.fn;

License

MIT License