2016 - 12 - 07 React + Reduxでカウントアップタイマーを作ってみる はじめに この記事は Hamee Advent Calendar 2016 の8日目の記事です。 最近、Reactが熱いですね! 今回は、前から気になっていたReactと相性が良いと言われるflux フレームワーク のReduxを使って、カウントアップタイマーを作ってみようと思います。 t-yng/countup-timer デモ 開発環境の構築 ビルドツールとしてwebpackを使っていきます。 またES6とReactのJSXは、webpackのbabel-loaderで コンパイル します。 $ npm i --save-dev webpack babel-core babel-loader babel-preset-es2015 babel-preset-react webpackの設定
![React + Reduxでカウントアップタイマーを作ってみる - にわとりプログラマーの備忘録](https://cdn-ak-scissors.b.st-hatena.com/image/square/23a584f4bd5ca2d7d08a4fe39de4b16f7e878de4/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ft-yng%2F20161207%2F20161207231006.png)