来源:OSCHINA 时间:2023-05-04 07:22:29
在之前的 Angular v15 中,Angular 团队通过将独立 API 从开发者预览版升级至稳定版,在 Angular 的简易性和开发者体验方面达到了一个重要的里程碑。如今,Angular 将继续这一改进的势头,发布了自 Angular 最初推出以来最大的一次版本更新;在 Reactivity、服务器端渲染和工具方面取得了巨大的飞跃。
作为 v16 版本的一部分,Angular 带来了全新的 Reactivity 模型的开发者预览,它为性能和开发者体验带来了显著的改进。
完全向后兼容并可与当前系统互操作的,并且能够:
(资料图)
根据 Angular 的年度开发者调查,服务器端渲染是 Angular 的第一大改进方向。在过去的几个月里,Angular 与 Chrome Aurora 团队合作,改善了 hydration 和服务器端渲染的性能和 DX。今天,Angular 带来了完整应用非破坏性 hydration 的开发者预览。
在新的完整应用非破坏性 hydration 中,Angular 不再从头开始重新渲染应用。相反,该框架在构建内部数据结构时查找现有的 DOM 节点,并将事件监听器附加到这些节点上。
这样做的好处是:
对终端用户来说,页面上没有内容的闪烁 在某些情况下有更好的 Web Core Vitals 面向未来的架构,可以用我们今年晚些时候推出的基元实现细粒度的代码加载。 只需几行代码就能与现有的应用程序轻松集成 对于执行手动 DOM 操作的组件,在模板中使用ngSkipHydration
属性逐步采用 hydration 作为 v16 版本的一部分,Angular 还更新了 Angular Universal 的 ng add schematics
,它使你能够使用独立的 API 向项目添加服务器端渲染。还为内联样式引入了对更严格的内容安全策略的支持。
Angular 是一个被数以百万计的开发者用于很多关键任务的应用程序的框架,我们认真对待重大变化。Angular 在几年前开始探索独立的 API,现在经过一年多的收集反馈和对 API 的迭代,Angular 想鼓励开发者更广泛地采用这些 API。
为了支持开发者将他们的应用程序过渡到独立的 API,Angular 开发了迁移示意图和独立迁移指南。一旦你在你的项目目录中运行:
ng generate @angular/core:standalone
该计划将转换你的代码,删除不必要的 NgModules
类,并最终改变项目的引导结构以使用独立的 API。
作为 Angular v16 的一部分,你可以从一开始就以独立的方式创建新的项目。要尝试独立模式的开发者预览,请确保你在 Angular CLI v16 上并运行:
ng new --standalone
你会得到一个更简单的项目输出,没有任何NgModules
。此外,项目中的所有生成器都会产生独立的指令、组件和管道。
更多详情可查看:https://github.com/angular/angular/releases/tag/16.0.0
世界播报:AppCode 2022.3 发布以及停止销售和支持
快资讯:Akka 2.8.0-M2 发布,Scala 编写的 Actor 模型开发库
Google 公布 2022 年度最热门 Chrome 扩展
Thunderbird 102.6 发布,开源电子邮件客户端