使用React路由器实现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创建的捆绑的js文件，其中包含您的所有JavaScript代码。您可以拥有多个入口点，例如，如果您希望为节点模块提供单独的捆绑包。简而言之，您将拥有一个index.html文件，但您可以拥有一个或多个js文件。

Answer 2

React路由器允许您设置＆＃34;路由＆＃34;如：

/
/posts
/posts/12345
/posts/archive

如果没有react-router，则必须自行管理对网址的更改。

此外，对于更大，更复杂的应用，react-router（以及Webpack）将允许您进行代码拆分，允许您仅为每个网址提供所需的文件。如果没有这个，你的单个bundle.js文件会变得非常大。