Awesome GitHub RepositoriesRoute-Based Code Splitting

preact-cli 是一个用于使用 Preact 库进行脚手架搭建、开发和构建应用程序的命令行工具。它提供了一个基于 Webpack 的构建流水线，用于协调代码转换、资产优化和生产编译。 该工具包包括一个静态站点预渲染器，用于将应用程序路由转换为静态 HTML 文件，以及一个用于生成 Service Worker 和离线资产缓存的 PWA 开发工具包。它还作为一个前端开发服务器，具有热模块替换（HMR）和用于实时应用程序迭代的代理功能。 该项目涵盖了广泛的能力，包括项目脚手架、通过自动基于路由的代码分割进行的构建优化，以及 CSS 预处理流水线的集成。它还支持环境变量的管理，以及通过插件和覆盖配置进行构建定制。

这是一个用于优化 Angular 应用程序性能的技术参考和指南。它提供了一份全面的检查清单，通过关注包优化、渲染最佳实践和运行时执行来提高速度和效率。 该指南涵盖了广泛的差异化因素，包括通过 Service Workers 和离线缓存实现渐进式 Web 应用策略。它还详细介绍了使用服务端渲染和应用外壳来改善感知加载时间的方法。 该仓库提供了关于更广泛功能领域的指导，例如变更检测调优、使用 Web Workers 卸载繁重计算，以及通过虚拟滚动进行 DOM 管理。它还涵盖了通过 Tree-shaking、压缩和懒加载模块拆分来减小包体积的方法。

after.js 是一个 React 应用的服务器端渲染框架，与 React Router 集成以协调数据加载、路由和水合（Hydration）。它既是一个渲染框架，也是一个静态站点生成器，能够将页面导出为静态 HTML 和 JSON 文件，以便通过内容分发网络（CDN）进行交付。 该框架提供了一个服务器端数据获取层，在渲染过程中填充组件属性。它通过基于状态码的重定向和动态错误处理系统来管理导航，允许应用在渲染开始前触发重定向或回退错误页面。 该项目涵盖了广泛的能力，包括客户端水合、基于路由的代码分割，以及在导航前预取数据以缓存路由信息。它还允许自定义基础 HTML 文档结构和实现自定义服务器端渲染引擎。