A middleware for Redux which verifies that all actions dispatched to the store follow the Flux Standard Action (https://github.com/acdlite/flux-standard-action) pattern. A warning is shown (only once) for each action which violates the pattern.

fsaCompliance.js

import { isFSA } from 'flux-standard-action'

function createFSAComplianceMiddleware() {
  const alreadyWarnedAbout = []

  return ({ dispatch, getState }) => next => action => {
    const { type } = action

    if (!isFSA(action) && alreadyWarnedAbout.indexOf(type) === -1) {
      // eslint-disable-next-line no-console
      console.warn(`${type} does not conform to the Flux Standard Action pattern`)

      alreadyWarnedAbout.push(type)
    }

    return next(action)
  }
}

const fsaCompliance = createFSAComplianceMiddleware()

export default fsaCompliance

Usage

import { applyMiddleware, createStore } from 'redux'
import fsaCompliance from 'path/to/fsaCompliance.js'

/* ...snip... */
let store = createStore(
  rootReducer,
  applyMiddleware(
    /* ...snip other middleware... */
   fsaCompliance
  )
)

Additional dependencies

• flux-standard-action

Notes

• Probably best to use only in development mode, to avoid any performance overheads
• Particularly useful when refactoring an existing app to use Flux Standard Actions
• redux-saga flavoured version: https://gist.github.com/jwarby/eae50cd50a88c67298231c4197efe4a1