使用React Router反應Redux頁面

Question

目前，我正在考慮使用React和Redux制作應用程序。 現在，在大多數示例中，他們都使用React Router，而我想知道這到底是干什么的。

我的應用程序將有許多具有動態內容的頁面（至少20個）。 現在我的問題是，這可以由React Router來完成嗎？ 我看到一些東西說它可以幫助您制作一頁應用程序，但是什么是一頁應用程序？ 因此，基本上，最好使用React Router或其他庫嗎？ 此外，即使它是一個多頁應用程序，我仍將只有一個index.js和一個index.html嗎？

Answer 1

什么是一頁應用程序？

單個頁面應用程序具有在單個頁面加載時檢索到的所有必需代碼。 SPA的示例是gmail。 在視圖之間導航時，SPA不需要刷新瀏覽器。

最好與React Router或其他庫一起使用？

React Router不是Facebook的官方路由庫，但它是迄今為止最受歡迎的路由庫。 我建議使用它，因為它背后有一個龐大的社區，如果遇到任何問題都可以為您提供幫助。

我仍然只有一個index.js和一個index.html嗎？

使用React，您將需要Webpack之類的東西來移植JSX和ES6。 您的應用程序的入口點將是由Webpack創建的包含所有JavaScript代碼的捆綁js文件。 您可以有多個入口點，例如，如果您想為節點模塊提供單獨的捆綁包。 簡而言之，您將擁有一個index.html文件，但您可能會有一個或多個js文件。

Answer 2

React router允許您設置“ Routes”，例如：

/
/posts
/posts/12345
/posts/archive

如果沒有react-router ，您將不得不自己管理URL的更改。

此外，對於更大，更復雜的應用程序， react-router （以及Webpack）將允許您執行“代碼拆分”，從而僅允許您為每個URL提供所需的文件。 沒有這個，您的單個bundle.js文件可能會變得非常大。