React 17の新機能「Suspense」の仕組み Timeout付き非同期処理が可能に - ログミーTech

2018年6月19日、第69回となる「HTML5とか勉強会」が開催されました。今回のテーマは「UIフレームワーク最前線」。Angular、Vue.js、Reactという3つのフレームワークにおける第一人者が一同に集い、それぞれの最新動向やおすすめポイントを語ります。「Suspense」に登場したのは、koba04氏。React 17より追加される新機能「Suspense」を、デモを交えつつ解説しました。 Suspenseとは何か？ koba04氏：よろしくお願いします。「Suspense」というタイトルで話していきたいと思います。Suspenseを聞いたことがある方はどれぐらいいますか？ （会場挙手） 数人ぐらいですね。ありがとうございます。 最初に自己紹介をさせていただきます。「koba04」というアカウントでやっています。 今はサイボウズで働いていて、フロントエンド周りいろいろやってい

[hiro14aki]

suspense の仕組みとか使い方とか。asyncloader の代わりに使えるはず。

[sugimori]

reduxにどう組み合わせるんだろう？

[uehaj]

「Error Boundaryの場合はエラーオブジェクトをキャッチするんですが、Suspenseの場合はPromiseがthrowされるので、それをキャッチ」redux-sagaの役割を一部代替できそう