ES6 の記述方法

const {list, notificationPage} = this.props;

↑↓同義だよ

const list = this.props.list;
const notificationPage = this.props.notificationPage;

JavaScript でスタックトレース出す

.catch(error => {
  console.log(error);
});

これだと↓しか出ない

TypeError: Cannot call a class as a function(…)

stack を使う

.catch(error => {
  console.log(error.stack);
});

こんな感じで出してくれるようになる

TypeError: Cannot call a class as a function
    at hoge (hoge.js:6)
    at fuga (g.js:6)

developer.mozilla.org

www.yoheim.net

ES6構文の「...」（スプレッド演算子）

reducers にある ...state の ... ってなに？

case UPDATE:
  return {
    ...state,
    list: action.payload.list
  };

↓と同じ

  return Object.assign({}, state, {
    list: action.payload.list
  })

普通だったらこうなるものを

var parts = ['shoulder', 'knees'];
var lyrics = ['head', parts, 'and', 'toes'];
console.log(lyrics);
> [ 'head', [ 'shoulder', 'knees' ], 'and', 'toes' ]

これでできちゃう

var lyrics = ['head', ...parts, 'and', 'toes'];
console.log(lyrics);
> [ 'head', 'shoulder', 'knees', 'and', 'toes' ]

Redux のうんぬんではなく、 ES6 の構文。スプレッド演算子というらしい。

developer.mozilla.org

yutapon.hatenablog.com