工程笔记
写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的文章。有译文正文时显示译文。没有时显示英文,并注明这一点。
标签:Code Splitting
加载、等待、失败:懒加载、悬念模式与错误边界如何应用
了解 React.lazy、Suspense 和错误边界如何分割代码、显示备用内容并防止崩溃,以及为获得更好的用户体验应将这些边界放置在哪里。
阅读约 9 分钟使用 injectAsync 按需拆分大型 Angular 服务代码
为何静态注入的服务会将其依赖的库一并纳入 Angular 主程序包中,以及 injectAsync 是如何根据用户操作意图实现服务的延迟加载,包括条件加载功能。
阅读约 6 分钟为什么 React.lazy() 需要默认导出以及如何加载命名导出项
了解 React.lazy() 从动态导入中接收的内容,为何命名导出会破坏其功能,如何将它们重映射为默认导出,以及 Suspense 和代码分割是如何协同工作的。
阅读约 9 分钟先减少工作量:使用记忆化前的 React 性能检查清单
通过避免不必要的操作来降低 React 应用成本:对搜索功能使用防抖处理、实现分页、将状态集中管理、使用稳定的键值、在服务器端进行处理并采用懒加载方式,必要时再进行记忆化处理。
阅读约 10 分钟资源发现而非传输:通过HTTP/3预加载React应用
在 HTTP/3 协议下,React 应用中的瓶颈在于资源发现延迟,而非传输过程。preloadModule、preinit、Early Hints 以及分块传输技术能够解决这一问题,这些方案都是为服务端渲染而设计的。
阅读约 19 分钟
常见问题
关于这些文章
是。每篇都是为本站准备的英文原创改写。结构与代码跟随来源;正文重写并做过重合检查。
英文是来源。只有存在该语言的正文译文时才显示其他语言。缺失或空白的译文仍是英文,包括在本地化网址上。
草稿经编辑后进入发布队列。站点导入只收录新的或有变更的 slug,不会重复添加。
示例仅供说明。上线前请核对技术栈与许可。若需交付,请发来简报。