Material UI のCheckBOXをRedux Formで使う redux-formでMaterial UIを使用する例としては http://redux-form.com/6.5.0/examples/material-ui/ に例が載っています。 ただ、redux-formとMa… @iwasakiハック2017.03.15 2,423
rechartsのラベルをカスタマイズする方法 reactでChartを表示する際にはrechartsを使用するのが王道のようです。(chartjsもありますが、v2.0に対応しているライブラリがまだメジャーになってないなど色々あるようです。) Pieチャートのラベル… @iwasakiハック2017.03.15 6,492
PropsとStateについて ここの理解がかなり怪しかったので自分なりにまとめます。 Props コンポーネント利用時に属性として設定できる値で、一度定義したらその値を変更することはできない。 例えば <MyComponent PropsNam… ysugiyama12ハック2017.03.10 347
react15の環境にrechartsをインストールする方法 npm install -g recharts してみたら npm WARN recharts@0.21.2 requires a peer of react@^0.14.0 || ^15.0.0 but none wa… @iwasaki調べてみた2017.03.10 542
Material UIのcolorsの使い方 http://www.material-ui.com/#/customization/colors の使い方です。 すべてのカラーを取得してcolorsとして使えるようにします。 import * as colors f… @iwasakiハック2017.03.07 1,416
eslint-config-airbnbを使ってES6の記法を実現する airbnbのeslintを導入すると強制的にES6の文法で書かざるを得なくなります。これが非常に便利なのですが、その中で新たに知った記法で目立った点を記載しておきます。 Reactのサンプルコードとか実際に書いてみたも… @iwasakiハック2017.03.03 576
prop type XXX is invalid; it must be a function のエラーが出た時 Warning: Failed prop type: MyDialog: prop type `loading` is invalid; it must be a function, usually from React… @iwasakiハック2017.03.01 963
React+Reduxでの開発時のおまじないアレコレについて調べてみた ようやくReacut、Reduxの開発に慣れてきましたが、一部おまじない的に使っているものの、意味を理解してない部分があるので調べてみました。 npm install 大抵のケースはこれ npm install -g e… @iwasaki調べてみた2017.02.28 348
reduxで配列に要素を追加・削除する方法 配列への要素の追加、削除は以下のように行うようです。 const initialState = { selectedIds: [], }; function addItem(array, item) { return A… @iwasakiハック2017.02.28 5,519