前端开发者技术周刊
精选新闻、文章与工具 · 每周一更新
本周最新 · #61
往期周刊
React 19.3、Vitest 5.0 与 Tailwind 加入 Shopify
React 19.3、Vitest 5.0、Tailwind 加入 Shopify、Shopify 回归原生
TanStack AI RC、Solid 2.0 与 Node 26.8
TanStack AI RC、Solid 2.0 RC、Node 26.8 ZIP、Nolan Lawson AI 冲击前端
Bun 1.4、Lovable 迁 TanStack 与 WebMCP
Bun 1.4 Rust 重写、Lovable TanStack Start 迁移、TanStack Form v2、WebMCP Hook
TypeScript 7.0 GA、ChatGPT 十亿用户架构与 Vite+ 统一工具链
TypeScript 7.0 GA、ChatGPT React 架构、Vite+、ECMAScript 2026
Meta Astryx 开源、Hydration 拖垮 LCP、TypeScript 7 与 Expo SDK 57
本周焦点:Meta 开源 Astryx(React + StyleX、150+ 组件、MCP/CLI Agent 就绪);Ivan Akulov 揭示 hydration mismatch + 字体 swap 如何把 LCP 从绿区打进红区;VS Code 渐进式迁移 TypeScript 7(tsc 36s→5s、watch 80s→20s);Jake Archibald calc-size() 定制 select 高度;React Compiler 生产踩坑实录;Next.js 用 @vercel/otel 导出 OpenTelemetry 到 Sentry;Drizzle 触顶 npm packument 100MB 限额;mapcn、shadcn Chat、termcn、Nub、Gea;Expo SDK 57(RN 0.86)、React Router 8.1、Ant Design 6.5、AI SDK v7、npm 12 pre.2。示例:`calc-size(fit-content, min(size, 12em))`、`registerOTel('next-app')`、`npx expo install expo@^57.0.0 --fix`。
Next.js 16.3 即时导航、Loop Engineering、Vite 8.1 与 Astro 7
本周焦点:Next.js 16.3 Preview 的 Instant Navigations(Stream/Cache/Block + Partial Prefetching);Andrew Ng 的 Loop Engineering 三大循环;Linear StyleX 迁移提速 30%;TanStack Table v9 共享原型省 90% 内存;Callstack 自定义 React Renderer 内幕;Una Kravets light-dark/contrast-color 纯 CSS 主题;Eve、Takumi 2.0、ForesightJS 4、Prop For That、Deno Desktop、cnfast;Vite 8.1 bundled dev、Astro 7 Rust 管线、Node 26.4 Package Maps、Rsbuild 2.1 Rust React Compiler、FullCalendar 7。示例:`cacheComponents: true`、`Object.create(getRowPrototype(table))`、`deno desktop --hmr`。
TypeScript 7.0 RC、React Router v8、TanStack 类型性能与 Babel 8
本周焦点:TypeScript 7.0 RC(Go 原生编译器,VS Code 全量类型检查 77s→7.5s);React Router v8 年度大版本「无聊升级」;TanStack Table v9 用 tsc 诊断将类型实例化削减 62–86%;Mark Erikson 的 SignalProvider/useSignalSelector 让 Redux 大规模场景脚本时间降 20–40%;Flow 与 TS 2026 分歧;Kindle 首页 Hermes 字节码逆向;numpy-ts 靠 WASM 内存所有权追平原生;Nub、zod-compiler、MDN MCP Server、eslint-plugin-unicorn 67;Babel 8 ESM-only、Playwright 1.61 Passkey/WebStorage、Node 六月安全更新。示例:`tsc --extendedDiagnostics`、`claude mcp add mdn`、`plugins: [zodCompiler()]`。