BT

InfoQ ホームページ ニュース React Suspense、Reduxの代替手段を提供する

React Suspense、Reduxの代替手段を提供する

ブックマーク

原文(投稿日:2018/12/03)へのリンク

React 16.6でSuspenseが導入された。これにより、レンダリングをサスペンドして、API呼び出しからデータなどを待つ間にローディングインジケータを表示することができる。

よくある単純なケースでは、React SuspenseによりReduxは不要になる、ReactエキスパートのRyan Florence氏はこう説明する。

あなたのReduxの主なユースケースが、サーバーサイドデータのクライアントサイドキャッシュとしてなら、SuspenseでReduxを置き換えられるでしょう。よりシンプルなコードと機能で全てのスピナーを制御できるようになると思います。

APIとlocalStorageの両方に対して状態を同期するといった複雑な状態管理の場合、SuspenseよりもReduxのようなアプローチの方が役に立つ。

GFT Polandのソフトウェア開発者のBartosz Szczeciński氏は、SuspenseはReactの利用に大きな影響を与えると予測する

おそらく、ソリューションを先駆けて開発している多数のライブラリを調べて、ベストプラクティスをうまく調整する必要があるでしょう(render内ですぐにAJAXリクエストを呼び出すのもOKになるでしょう)。でも、そうすることで、私たち全員がユーザーにとってより優れたアプリケーションと体験を生み出せるようになると思いますよ!

React 16.6リリースに含まれているSuspenseのユースケースは、React.lazy()<React.Suspense>によるコンポーネントの遅延ローディングの1つだけだ。コード分割とSuspenseによる最適化に対するReactのアプローチは、React Code Splitting guideに書かれている。

コード分割以外にも、ReactチームはSuspenseへの機能追加を計画しており、データフェッチングの処理やGraphQLライブラリとの統合が含まれている。

Suspenseのサーバーサイドレンダリングのサポートは2019年に予定されている。

ReactはMITライセンスで利用可能なオープンソースソフトウェアだ。React GitHubプロジェクト経由でのコントリビューションとフィードバックは大歓迎だ。ただし、React contribution guidelinesFacebook open source code of conductに従う必要がある。

 
 

Rate this Article

Adoption Stage
Style
 
 

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

BT

あなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。

Eメールを変更すると確認のメールが配信されます。

会社名:
役職:
組織規模:
国:
都道府県:
新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。