技术周报·Turbopack 真的比 vite 快十倍?

3,458 阅读3分钟

编辑推荐

尤雨溪:Turbopack 真的比 vite 快十倍?

作为 Vite 的作者,很高兴看到像 Vercel 这样资金雄厚的公司在改进前端工具方面进行了大量投资。在适用的情况下,甚至未来可能在 Vite 中利用 Turbopack。然而,开源工具的竞争应该建立在公开沟通、公平比较和相互尊重的基础上,令人失望和担忧的是,看到激进的营销使用了精心挑选的、未经同行评审的、边缘误导性的数字,这些数字通常只在商业竞争中出现,相信 Vercel 可以做得更好。

深度阅读

全新的 React 组件设计理念 Headless UI

Headless UI 目前社区还在探索实践阶段,这里我对它做了个简单定义:Headless UI 一套基于 React Hooks 的组件开发设计理念,强调只负责组件的状态及交互逻辑,而不管标签和样式。其本质思想其实就是关注点分离:将组件的“状态及交互逻辑”和“UI 展示层”实现解耦。

压缩 70% 下载流量 - 记一次店铺优化专项

店铺开放 ISV 链路后,随着头部商家的全页定制化的增加,性能问题受到越来越多的关注,我们针对 ISV 开发的页面,做了系统性的诊断,并沉淀出一系列优化 TODO,本文主要介绍图片优化子项目(一定要看到最后,相信一定有收获)。

图解 CSS Grid 布局

Grid(网格)布局是最强大的 CSS 布局方案,它用于构建二维布局。Grid 布局将页面划分成一个个网格,可以任意组合不同的网格,实现各种各样的布局。下面就来看看 CSS Grid 布局是如何使用的!

外文精选

How to maintain engineering velocity as you scale

One of the most common questions that founders have is how to balance speed with everything else: product quality, architecture debt, team culture. Too often, startups stall out and sacrifice their early momentum in order to correct technical debt. In building Faire, we set out to both establish a unified foundation and continue shipping fast. These four guiding principles are how we did it, and I hope they help others do the same.

Make use of use in React – a new hook is coming

The team behind React has unveiled a new hook called `use`. This inconspicuous creation could forever change the way we get data into our applications.

实践应用

极致编译速度,一文搞定webpack5升级

在尝试升级 webpack5 之前,建议大家尽量先把 官方文档 通读一遍。

ES6 中的 symbol 类型在实际开发中用得多吗?

Symbol 在实际开发中用的不多,在看一些类库的实现时有看到相关使用,下面分享下关于 Symbol 的几个使用场景。

前端全栈之路 - 玩转 Docker

在项目正式发布之前,我们需要借助 Dockerfile 来构建各种适配的镜像,然后再将镜像推送到制品库,再通过其他手段发布,例如使用 k8s 来发布,本章将着重讲解如何在实际项目中使用 Dockerfile