Reduxで非同期処理を行う～ES2017のasync/await構文を使って実装する方法

対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 筆者の検証環境は以下の通りです。 macOS High Sierra 10.13.3 Node.js v8.9.4／npm 5.6.0 React 16.3.1 redux 3.7.2 react-redux 5.0.7 async/awaitとは（1） async/await構文はECMAScript 2017で追加された、新しい文法です。その名の通り、 async キーワードと await キーワードの組み合わせで成り立っています。また、非同期処理の仕組みであるPromiseとも密接に連携しています。それぞれの要素について説明します。 Promiseとは async/await構文を説明するにあたり、Promiseは切り離すことができません。まずはPromise

[Nkzn]

書きました。非同期処理回のコラムで終わるはずだった内容を、async/await愛が高まりすぎて独立した回にさせてもらったやつです。

[sugimori]

async/awaitって知らないんだよね

[yarumato]

“ECMAScript 2017のasync/await構文とReduxを併用しながら非同期処理を実現する。まずはPromiseについて簡単におさらい。Promiseが苦手な処理。async/await構文はPromiseの仕組みを使いつつ見た目をガラッと変えて見通しを良くする”