???? News
Next.js 12 正式发布
作为企业级 Web 应用框架的标杆,Next.js 12 正式发布,史诗级更新内容:
- Rust Compiler:刷新速度提升 3 倍、构建速度提升 5 倍
- 中间件支持:灵活性极佳的中间件机制,使用中间件代码来配置 Next.js
- React 18 支持:包括 Suspense 在内,原生 Next.js API 均已支持 React 18
支持 AVIF 格式:减小 20% 的图片体积- 原生 ES Modules 支持:与标准化的模块系统对齐
- URL Imports:能够从任意 URL import 包,不需要 install
- React Server Component 支持:使用 Server Component,不需要任何客户端JavaScript,页面呈现更快
Release Blog:Blog - Next.js 12 | Next.js (nextjs.org)
Yarn 3.1 发布
包管理工具 Yarn 在 10 月 25 日发布了 3.1 版本,更新内容:
- Node.js Corepack 集成
- ES Modules 支持
- 全新的 pnpm 安装模式
- 智能 Changeset 过滤
- 全新的 Workspace 语法
Release Blog:Yarn 3.1 ???????? Corepack, ESM, pnpm, Optional Packages ... - DEV Community
Hermes 即将成为 React Native 默认 JavaScript 引擎
English Blog:Toward Hermes being the Default · React Native
中文 Blog:Hermes即将成为React Native默认的JS引擎 (qq.com)
Photoshop 即将推出 Web 版本
基于 WebAssembly 的能力,Photoshop 即将推出 Web 版本。
Blog:Photoshop"s journey to the web
???? Open Source
antfu/unocss
一个即时按需的 CSS 引擎,作者 Anthony Fu。
配合下文 Article 中的《重新构想原子化 CSS》一起食用。
GitHub Repo:antfu/unocss: The instant on-demand atomic CSS engine. (github.com)
SheetJS/sheetjs
一个浏览器兼容性非常好的表格处理工具,兼容市面上绝大多数浏览器,且能够处理包括 xlsx/csv/HTML table 等在内的表格。
浏览器支持:
文件格式支持:
需要用代码来筛选 Excel 中所需的数据时非常实用,显著提高效率。
GitHub Repo:SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit (github.com)
Playwright
一个与 Puppeteer 类似的端到端(e2e
)测试工具。
Home Page:Fast and reliable end-to-end testing for modern web apps | Playwright
GitHub Repo:microsoft/playwright: Node.js library to automate Chromium, Firefox and WebKit with a single API (github.com)
???? Article
重新构想原子化 CSS
文章从什么是原子化 CSS 这个问题入手,介绍了社区的原子化 CSS 方案 Tailwind CSS 和 Windi CSS 的原理,同时分析了社区原子化 CSS 方案的存在的问题,对社区方案进行了改进,推出了自己的原子化 CSS 方案 UnoCSS,非常值得学习!
原文链接:重新构想原子化CSS - 知乎 (zhihu.com)