奇舞周刊第 446 期：React 并发渲染的前世今生

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 React 并发渲染的前世今生

2161天！这是 React 团队从计划为 React 增加并发渲染的能力，到 React 18 可用版本发布所花费的时间。为啥中间花费了这么长的时间？中间又发生了哪些有趣的故事？我们回到2016年，来回顾一下 React 并发渲染诞生的过程！

 如何基于 WebComponents 封装 UI 组件库

近些年来前端组件化开发已为常态，我们经常把重用性高的模块抽离成一个个的组件，来达到复用的目的，这样减少了我们的维护成本，提高了开发的效率。但是都有一个缺点离不开框架本身，因为我们浏览器本身解析不了那些组件。那么有没有一种技术也可以达到这种效果呢？答案就是今天的主角 Web Components。

 前端视角解读 Why Rust

为什么要学 Rust？因为我们需要使用合适的工具解决合适的问题。目前 Rust 对 WebAssembly 的支持是最好的，对于前端开发来说，可以将 CPU 密集型的 JavaScript 逻辑用 Rust 重写，然后再用 WebAssembly 来运行，JavaScript 和 Rust 的结合将会让你获得驾驭一切的力量。

技术实践

■ ■ ■

 vue 项目你一定会用到的性能优化！

性能优化永远是前端乃至编程领域的热度之王。

 浅谈逻辑选择器 is、where、not、has

在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is :where :not :has。本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。

 Chrome 插件：云音乐听歌识曲

基于 WebAssembly 与 MV3 协议实现听歌识曲插件。

拓展边界

■ ■ ■

 Server Components：我们即将和 API 告别？

Server Components 到底是什么？他会像当年的 Hooks 一样对整个 React 生态带来巨大的影响么？

 以 Log4j 为例，如何评估和划分安全风险

开源的普遍存在意味着任何已经被发现的漏洞都会产生深远的影响。攻击者看到了巨大的机会，大量的企业和用户必须快速做出响应，在他们开发的应用程序以及使用的第三方应用程序和组件中识别易受攻击的软件实例。软件漏洞是很常见的。安全专业人员如何评估漏洞可能带来的风险，并将组织的精力集中在修复那些最重要的漏洞上呢？

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。