redux-logger を TypeScript から使う

redux-logger とは

• fcomb/redux-logger: Logger middleware for redux
• デフォ設定のままでも action の log とかだせる、入れておいて損はない。

npm と 型定義ファイル を install

npm install --save redux-logger
typings install --save redux-logger --ambient

applyMiddleware する

store 作ってるところで applyMiddleware する。

import { Store, createStore, applyMiddleware } from 'redux';
import createLogger = require('redux-logger');
import { rootReducer } from './reducers/rootReducer';

const initialState = {};

const loggerMiddleware = (createLogger as any)();
const createStoreWithMiddleware = applyMiddleware(loggerMiddleware)(createStore);
const store:Store = createStoreWithMiddleware(rootReducer, initialState);

createLogger について

createLogger(); してもコンパイルエラーになった。 ES2015 だけかも？
const loggerMiddleware = (createLogger as any)(); やるとうまくいく。

• 参考: How to use with TypeScript? · Issue #89 · fcomb/redux-logger