前端食堂技术周刊第 104 期：Angular v17、GPTs、Svelte Flow、Bundler 的设计取舍

这是前端食堂的第 178 篇原创

美味值：🌟🌟🌟🌟🌟

口味：金奖乳鸽

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。

链接可点击底部阅读原文获取

技术资讯

• Angular v17
• Introducing GPTs
• WinterJS
• Svelte Flow
• ESLint v9.0.0 即将推出
• core-vapor

下面我们来看技术资料。

技术资料

1. Node.js 安全资源

一个精选 Node.js 安全资源列表。它包括工具、Web框架加固、静态和动态代码分析、输入/输出验证、安全组合、CSRF 防护、漏洞和安全通告等多个方面。这个列表旨在为 Node.js 开发者提供全面的安全资源，包括教育材料、研究论文和实用工具，帮助提高应用程序的安全性。

2. 掌握原生 JS DOM 操作

玩转 DOM 操作，前端基础才扎实。

3. Vue 设计模式

理解和利用 Vue 模式可以极大地帮助编写干净、高效和可维护的代码。这个站点介绍了流行的 Vue 特定模式和行为。

4. Core Web Vitals 如何为用户节省一万年的网页加载等待时间

Chromium 博客的文章讨论了 Core Web Vitals（CWV）如何在 2023 年为 Chrome 用户节省超过 10,000 年的等待加载网页时间。自 2020 年引入 CWV 以来，网页性能显著提升，目前超过 40% 的网站通过所有 CWV 指标。这些改进包括优化浏览器和开发生态系统，如后退/前进缓存和预连接功能，以及与 WordPress 和 JavaScript 框架社区的合作，显著提高了网页加载速度和用户体验。

5. 简化 React 状态管理

Causal 公司为解决复杂 Web 应用状态管理的挑战，开发了 “Causal Selectors” 库，允许开发者通过一个简单的接口从多个存储中读取和订阅状态，有效地简化 React 应用的状态管理。文章详细介绍 Causal Selectors 的概念、创建过程和与 React 的集成方式。

6. React Server Components 一定需要框架吗？

作者在博客中探讨了 React Server Components（RSC）的概念及其实现。以及 RSC 与传统的 React SSR（服务器端渲染）的区别，并介绍如何在没有框架的情况下实现 RSC。

7. Bundler 的设计取舍：为什么要开发 Rspack?

Bundler 深度好文，之前周刊收录过英文版，近期发布了中文版本。

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。