Redux Interaction tracking with React Profiling & Interaction APIs

index.js

import { createStore, combineReducers, applyMiddleware } from 'redux';
import reactProfilerMiddleware from './react-profiler-redux';
​
const todoApp = combineReducers(reducers)
const store = createStore(
  todoApp,
  // applyMiddleware() tells createStore() how to handle middleware
  applyMiddleware(reactProfilerMiddleware)
)

react-profiler-redux.js

import { unstable_trace as trace } from 'schedule/tracing';

const reactProfilerMiddleware = store => next => action => {
  const { type } = action;
  return trace(`[redux] ${type}`, performance.now(), () => next(action));
}

export default reactProfilerMiddleware;