javascript - 服务器端呈现和单页应用程序

标签 javascript node.js reactjs react-router single-page-application

当我们使用客户端渲染时,我知道这会减少与服务器的连接时间,例如如果我们为此使用 react(使用 create-react-app),react 将创建一个包含所有内容的 js 文件我们的应用程序的东西,除了我们将从 api 接收的数据(通常在 json 中)——但这意味着所有的 DOM 东西都将在用户将在他时获得的那个 js 文件中第一次加载页面,现在对于小应用程序我没有看到问题。但是在大型应用程序中,当我们有很多页面、组件和子页面使用像 react-router 这样的路由库时,所有这些东西和代码都会在那个文件中吗?那不会让它太大吗?立即发送?

毫无疑问,这些技术提高了网站的性能和交互性,但我关心的是第一次加载网站以及如何在相对较大的应用程序中尽可能快地加载

最佳答案

谢谢大家,解决方案是使用“延迟加载”和“代码拆分”技术,这是一篇关于此的好文章: Lazy loading routes in react

关于javascript - 服务器端呈现和单页应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52613945/

相关文章:

javascript - 选择菜单中 HTML 表单表格中的总值(value)

javascript - Node.js:从请求中获取路径

javascript - 你如何在javascript中设置静态路径?

javascript - React-Router v4 分离链接和路由路径元素

javascript - 如何将数组的每个元素添加到 React 状态

javascript - 当我将 div 放在可放置区域时,如何获取输入文本值(从数据库)?

javascript - 在 WebStorm 中,我可以在 JSX 的 HTML 中禁用 JavaScript 关键字的完成吗?

javascript - 将单选按钮绑定(bind)到对象数组

node.js - 使用中间件自动将变量传递到 View 中

javascript - 如何从 Array.map() 函数正确返回异步数据