如何判断反应应用程序是否是单页应用程序



我不确定是将某个应用程序称为单页应用程序(SPA(还是多页应用程序(MPA(。该应用程序利用 react、redux 和 react-router,它们使用<switch />路由到几个<Route />,每个都包装一个 React 组件。该应用程序的外观和感觉对某些人来说就像传统的 MPA,因为每个页面看起来都不同,一个"页面"下一个"到另一个。然而,事实上,有一个单一的存储,javascript控制urls,并且在webpack.config中有一个entry点.js使我认为它是一个SPA。SPA和MPA之间的界限是如何划定的?

如果使用react,则必须先安装其依赖项。

如果您正在使用create-react-app YourReactProject command您会注意到只有一个htmlYourReactProject/public/index.html 生成,它只有一个与 id = root div,并且您的 index.jsYourReactProject/src/index.js使用此div作为node通过这行代码做出反应。

ReactDOM.render(<App />, document.getElementById('root'));

因此,每当您单击某些url时,root div将保留在页面中,但新页面内容将成为root node的子项。所以从技术上讲,你只有一个div id=root但它的孩子被替换了。希望你得到答案。

Spa 并不是关于它的感觉,而是关于它是如何工作的。

通常,如果路由由前端处理,则它是一个水疗中心。

当然,这过于简化,但对于现代应用程序来说,这通常是正确的。

最新更新