转转前端周刊第113期: 苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵]...

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵

React Compiler 终于开源了。自从从它第一次在 React Conf 2021 亮相。到现在 React Conf 2024 正式开源，我已经苦等了三年之久。盼星星盼月亮，终于把他给盼来了。

2、纯CSS丝滑边框线条动画

在这个网站（minimal-portfolio-swart.vercel.app）发现一个不错的交互效果，用户体验效果很不错。如上图所示，这个卡片上有一根白色的线条围绕着卡片移动，且在线条的卡片内部跟随这一块模糊阴影，特别是在线条经过卡片圆角部分有特别丝滑的感觉。今天的文章就来解析如何实现这种效果，文末附源码预览地址。

3、深入理解Babel - 项目管理工具lerna解析

Babel是一个比较庞大的项目，其子工程就有至少140个(如 babel/plugins/presets/lerna/babel-loader等)，产出的子工具已经是前端开发的基础设施，对开发效率、代码质量等有非常高的要求。

4、Angular v18 现已发布！

过去两年，Angular 社区迎来了一场技术革新与复兴的浪潮。我们不仅在技术层面取得了众多显著成果，更在推动创新、提升开发者体验方面不遗余力。本文将带你回顾 Angular 的辉煌历程，从框架的进化到成为真正的响应式系统，再到与全球顶尖网站和工具的深度合作，Angular 始终坚守初心，助力开发者自信地构建卓越的 Web 应用。无论你是开发者、社区组织者、作者还是演讲者，这里都将有你感兴趣的内容。让我们共同回顾 Angular 复兴之路上的精彩瞬间，并展望其更加辉煌的未来。

5、构建更快的 Web 体验 - 使用 postTask 调度器

介绍了如何利用 postTask 调度器来提高网页的用户体验和响应速度，通过高效地调度任务和处理优先级来优化页面性能。使用 postTask 可以拆分长任务、预加载资源和提高页面交互性能，让页面更具响应性。同时，文章还介绍了如何在 React 中集成 postTask 调度器来执行不同模式或策略，以进一步优化网页性能。