本期摘要

LightningCSS v1.19.0
Pinia、Vue Router 站点更新
State of React Native
Sandpack 2.0
Container queries
core-js 的下一步
组件级别的 CSS-in-JS
ChatGPT 与前端
2023 GMTC PPT

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

技术资讯

1. LightningCSS v1.19

继支持 visitor 之后，LightningCSS 又一个能力增强，新增支持自定义 at-rules，如 @mixin 等。

2. Pinia、Vue Router 站点更新

站点更新到 Vitepress，一家人就是要整整齐齐。

3. State of React Native

React Native 喜提年度现状调查。

4. Sandpack 2.0

Sandpack 2.0 引入 Nodebox，对标 StackBlitz 的 WebContainer，基于 Rust 重构了 Sandpack transpiler。

5. Container queries

Container queries 在三大主流浏览器引擎中稳定可用。

6. core-js 的下一步

core-js 作者发表长文求助。

Those who bring firewood for others should not be frozen to death in the wind and snow.

为众人抱薪者，不应使其冻毙于风寒。

下面我们来看技术资料。

技术资料

1. 组件级别的 CSS-in-JS

CSS in JS 方案，如 emotion 在序列化时会带来额外的渲染开销。如何优化？简化 hash 计算，组件使用相同 hash，只会对当前的版本和主题变量进行 hash 计算，减少性能损耗。第二重保险：组件级别的样式缓存。此方案的局限：只适用于组件库场景，应用场景中更需要自动 hash 的能力。