Angular 于2023年5月3日发布了主要版本升级版Angular 16。作为一名Angular开发人员，我发现这次升级很有趣，因为与以前的版本相比有一些显著的改进。

因此，在本文中，我将讨论Angular 16的前7个特性，以便您更好地理解。

1.Angular Signals

Angular Signals是自Angular 16路线图发布以来，开发人员一直在等待的主要功能。虽然Solid.js启发了这个概念，但它对Angular来说是一个全新的概念。它允许您定义反应值并表达它们之间的依赖关系。换句话说，您可以有效地使用Angular信号来管理Angular应用程序中的状态更改。

信号可以被识别为用户可以同步访问的规则变量。但它还附带了一些附加功能，比如通知其他人（组件模板、其他信号、函数等）其值的更改，以及以声明的方式创建派生状态。

以下示例显示了如何使用“角度”信号。

你可能经常听到有人这么说

Angular在3年后等你。

Angular更适合大型或企业项目

Angular提供了出色的更新体验

…

在这篇文章中，我将向您展示为什么我认为Angular不如您在2023 Angular 15、16之前听到的那么好。

当然，在将Angular与其他框架/lib进行比较时，我不可能做到100%公平。此外，因为我试图在2023年之前演示Angular并不是那么好，所以我会过多地关注缺点。这对Angular来说是不公平的。2023年之后，Angular变得更好了，但我将在其他文章中介绍这些部分。

公平地说，我将在2023/8/15创建两个项目，一个用于Angular，另一个用于Vue。

在本文中，我将演示如何仅使用Angular Signals和一个小函数来管理应用程序的状态。

不仅仅是“与主题一起服务”

让我们从解释为什么在服务中使用一堆BehaviorSubject对象不足以管理异步事件引起的状态修改开始。

在下面的代码中，我们有一个方法saveItems（），它将调用API服务，以异步更新项列表：

saveItems(items: Item[]) {
  this.apiService.saveItems(items).pipe(
    takeUntilDestroyed(this.destroyRef)
  ).subscribe((items) => this.items$.next(items));
}

每次我们调用这种方法，都是在冒险。

例如：假设我们有两个请求，A和B。

请求A在0s 0ms开始，请求B在0s 250ms开始。然而，由于某些问题，API在500ms后对A做出响应，在150ms后对B做出响应。

结果，a在0s 500ms时完成，B在0s 400ms时完成。

这可能会导致保存错误的项目集。

每个Angular开发人员都应该深入探索六个概念，以便掌握Angular并设计出架构良好的应用程序。

Angular是最大的框架之一：它提供了很多开箱即用的功能，这意味着从上到下有很多概念可以掌握。

我认为每个Angular开发人员都应该深入探索六个特定的概念，以便掌握Angular并能够熟练地编写架构良好的应用程序。

不，知道它的源代码并不是我所需要的——尽管我个人不得不在少数情况下进行探索。

一种云组件中心架构

像Bit.dev这样的云组件中心通常用于发布、记录和组织Angular组件。我们使用它们来最大限度地重用代码，并构建可扩展的应用程序。

正如您在这篇文章中所看到的，一个好的Angular体系结构可以确保我们的代码库以一种能够在存储库中和跨存储库轻松共享和重用组件的方式构建。

在这个博客中，我将解释Angular中的几个高级组件和机制，它们增强了灵活性、可重用性和性能。

通过熟悉这些高级组件和机制，您可以提高您的Angular开发技能，并在应用程序中利用灵活性、可重用性和性能优化的能力。让我们开始吧！

NgContent

NgContent，或Angular中的内容投影，通过将内容从外部投影到组件中，可以实现灵活和可重用的组件。当您希望动态地将内容传递给组件时，通常会使用它。

你好👋

Angular不断制造噪音并变得更强，不仅是为了更好的用户体验，也是为了更好的开发人员体验。毕竟，我们是隐藏的士兵✊ 谁创造了应用程序和用户体验，不是吗？！

我很高兴我选择了这个框架来构建我和我的客户的应用程序。Angular一直让我们感到惊讶，而这种创新才刚刚起步。

更多革命性的东西即将到来，Angular肯定会变得更受欢迎！

那么，Angular下一个令人兴奋的即将推出的功能是什么？

🔥 延迟加载

如果您可以根据要加载的最高优先级将页面/组件ui块延迟加载到要加载的较低优先级，该怎么办？

说到应用程序，用户体验就是标尺！这项功能将提升你的应用程序的用户体验，因为必要的区块将首先快速呈现，而不太重要的区块将稍后呈现。

让我们看看未来的功能可能会是什么样子：

我最近遇到了EmbeddChain，这是一个使用LLM构建聊天机器人的框架，可以与各种类型的数据交互，如YouTube视频、PDF、网页、docx文件、文档和Notion笔记。与LangChain或Llama Index等替代品相比，它的与众不同之处在于其令人难以置信的用户友好界面。

接下来，我将概述EmbedChain的一些实际应用。但在进入之前，您需要安装模块：

pip install embedchain

用例1：与你可以使用的维基百科内容对话

EmbeddChain与维基百科文章进行互动对话。你所需要做的就是配置你的OpenAI API密钥，指定你想要与之互动的文章，并开始提出你的问题。在幕后，EmbedChain处理嵌入和索引的创建，同时管理整个检索增强生成（RAG）系统。

Vercel最近推出了NextJs 13.4稳定版，作为服务客户端前端框架。

但我们更感兴趣的是，这将如何改变网络开发流程。😉

很多人会把它与Php进行比较，或者说“这就是我们10年前在Php中所做的”，答案有点复杂。

PHP实际上是一种服务器端编程语言，主要用于服务器端处理和生成动态web内容。PHP本身并不直接与前端交互，也不提供客户端交互。为了实现前端交互或实时更新，Ajax或JavaScript等附加技术通常与PHP结合使用。

Tauri是一个帮助开发人员为主要桌面平台制作应用程序的工具包，几乎可以使用现有的任何前端框架。核心是用Rust构建的，CLI利用Node.js使Tauri成为一种真正的多语言方法来创建和维护优秀的应用程序。

如果您想了解更多技术细节，请访问简介。如果你想了解更多关于这个项目的理念，请继续阅读。

安全第一

在当今世界，每个诚实的威胁模型都假设用户的设备已经受到威胁。这让应用程序开发人员陷入了一个复杂的境地，因为如果设备已经处于风险之中，该软件如何可信？

纵深防御是我们采取的方法。我们希望您能够采取一切可能的预防措施，最大限度地减少您给攻击者带来的表面面积。Tauri允许您选择要交付的API端点，无论您是否希望在应用程序中内置本地主机服务器，它甚至在运行时随机分配功能句柄。这些和其他技术形成了一个安全的基线，为您和您的用户提供了能力。

游戏的名称是通过使静态攻击变得极其困难并将系统彼此隔离来减缓攻击者的速度。如果你来自Electron生态系统，请放心，默认情况下，Tauri只运送二进制文件，而不是ASAR文件。

通过选择以安全为指导力量建设Tauri，我们为您提供了采取积极安全态势的一切机会。

将整个堆栈带到JAMstack

几天前，我在浏览Hacker News时，看到了一篇有趣的帖子，标题是“Redwood：一个用于JAMstack的集成、全栈JavaScript web框架”。评论中有一些有趣而生动的讨论——我建议你去看看。

我最近完成了RedwoodJS教程，其中涉及构建一个简单的博客应用程序。在这篇文章中，我将分享一些关于我与红木公司合作的初步想法。

概述

让我们先来看看自述中对红木的官方描述（增加了重点）：

“Redwood是一个固执己见、全栈、无服务器的web应用程序框架，它将允许您轻松构建和部署JAMstack应用程序。想象一下，一个由CDN静态交付的React前端，它通过GraphQL与您在世界各地的AWS Lambdas上运行的后端进行通信，所有这些都只需一个git推送即可部署——这就是Redwood。

通过为您做出大量决策，Redwood可以让您着手研究应用程序的特殊之处，而不是浪费时间选择和重新选择各种技术和配置。此外，由于Redwood是一个合适的框架，您可以在一段时间内以最小的工作量持续进行性能和功能升级。”