async/await で Modal の Queueing - Qiita

モーダル被ってませんか？ モーダルを実装するにあたり「表示条件によって被って表示されてしまう」「例外発生時の仕組みがない」という問題に直面したことはありませんか？また、ユーザーステータスによって数種類のモーダルを異なる順番で表示したい、という要件もあるかと思います。 本項では ES2017 の async/await を使ってQueueing を実装する方法を紹介します。vanilla なので、どのフレームワークやアーキテクチャを採用していても導入出来ます。 sample: https://github.com/takefumi-yoshii/async-await-modal-queue サンプルは chrome で、babel や webpack を使用せずにそのまま実行出来ます。もちろんプロダクトコードは適宜バンドラや polyfill を利用してください。 モーダル画面を一つのPr

[anton072]

“redux-saga や vuex-saga を導入していれば、Generator と async/await は同じ挙動なので、そちらに組み込みましょう。”

[ledsun]

“stage-3 の async/await ” ES2017に入っているはず https://github.com/tc39/proposals/blob/master/finished-proposals.md