読者です 読者をやめる 読者になる 読者になる

15 min/d

ぼうずやのにっき

redux-saga を TypeScript でつかえるかをためした

要約。redux-saga を TypeScript で使えるかを確認し、環境の例である bouzuya/ts-redux-saga-ssr をつくった。この例は TypeScript + Babel の多段構成で redux-saga の要求する generator function に対応している。Server side rendering を考慮し VS Code の Chrome debugger および Webpack の Hot Module Replacement を動かしている。

2016-05-08bouzuya/ts-redux-saga-ssr をつくった。

目的は redux-saga を TypeScript で使えるかの確認とそのための環境構築だ。bouzuya/ts-redux-saga-ssr はその例だ。

redux-saga が generator function を要求するので、 TypeScript だけでは browser で動くか怪しい。そこで 2016-03-15 にやめた TypeScript + Babel の多段構成に戻す。

上記の多段構成に加えて、開発作業を考慮して VS Code での Chrome debugger および Webpack の Hot Module Replacement に対応したい。

目的・目標はこういったところだ。

結果は bouzuya/ts-redux-saga-ssr を参照してほしい。思ったより簡単にできた。Webpack の babel-loader & source-map-loader だけでなんとかなった。ts-loader はまだなんとなく避けている。

残作業・課題。redux-saga の細かい機能を見ていない。また test についても AVA で環境自体は準備してあるが、書いていない。redux-saga は test の書きやすさが良い点のひとつのように思えるのだけど。

この repository でどうこうするのではなく別で application をつくってみようと思っている。