???? 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)