Expressでサーバ上でルーティングを行うことができれば、なぜクライアント側のルータが必要ですか? メリットは何ですか?また、SPAにとって重要なのは何ですか?React Routerの目的は何ですか?
答えて
アプリケーションをブラウザのURLと同期させるためにクライアント側のルーティングが必要です。
これは主に、XHRまたはAJAX呼び出しによるRESTful API呼び出しにバックエンドを使用するシングルページアプリケーションに役立ちます。
SPAがブックを使用すると、あなたのURLにマークを付けることができます。また、URLに再びヒットしたとき、アプリケーションはデータとその状態でそのページを読み込む必要があります。
サーバー側ルーティングとクライアント側ルーティングの主な違い:
1.サーバーサイドルーティングでは、ページ全体をダウンロード(配信)します。
2.クライアント側のルーティングでは、ページ全体とともに、ページの特定の部分にサービスを提供し、DOMを再利用し、URLおよび履歴の状態を手動で管理できます。例えば。
www.something.com/page1/tab1
はUI
www.something.com/page1.tab2
でtab1のは、このようにURLがより複雑に取得することができますし、状態を持つサブルートを持つことができるUI
にTAB2が表示されます表示されます。
クライアント側のルータを必要とする人は、状態管理のためにそれを必要とします。サーバー側でレンダリングされたページがありますが、一部のクライアントサイドウィジェットがあるとします(例:カレンダー、フィルターセット、折りたたまれた、または開いているサイドバー。ルーターは、ページのこれらのコンポーネントを必要な状態で初期化するのに役立ちます。確かに、あなたはそのほとんどと私がサーバー上で指定したすべてのユースケースを行うことができます。しかし、通常はクライアント上でこれを処理する方が簡単です。サーバー上でより速くレンダリングするかもしれませんが、特に部分的なページ更新を行うときに、クライアント側を処理する方が安価で高速です。
- 1. React-Router:IndexRouteの目的は何ですか?
- 2. React Router:ブラウザ履歴の目的は何ですか?ブラウザの履歴は必須ですか?
- 3. react-reduxの "@ INIT"アクションの目的は何ですか?
- 4. ReactネイティブListViewの 'rowHasChanged'の目的は何ですか?
- 5. React-Router:無限/動的ネスト
- 6. React Nativeのバンドルとは何ですか?それは目的ですか?
- 7. React、Redux、React-Router?
- 8. React + React Routerのスコープ
- 9. React-router V4の各パッケージ(react-router-domとreact-router-websiteのような)の違い
- 10. 動的役割ベースのルーティング(React-Router)
- 11. React Router:コンポーネントの外部でプログラム的にナビゲートする方法は?
- 12. React-Router/Redux - 動的同形経路
- 13. 静的な目的は何ですか?
- 14. React検索バーに小道具を渡す目的は何ですか?
- 15. Webpack、React-router and React from CDN
- 16. React-Router RouteHandler Undefined
- 17. react-router browserHistory removeListen?
- 18. react-router peerDependenciesエラー
- 19. react router onChange
- 20. React Router v4ライフサイクルイベント
- 21. React Router Query Parameters
- 22. React Routerサーバサイドレンダリング
- 23. React-Router Client-Side
- 24. React Router Push Silently
- 25. duplicate browserHistory react-router
- 26. React、Electron、and Router
- 27. React/react-routerは一連のURLにリダイレクトされますか?
- 28. React RouterはどのようにReactコンテキストに入りますか?
- 29. React Router + React + FluxでURLに直接ルーティング
- 30. データセットの目的は何ですか?