版
最新版本与兼容性速查表
Version Baseline · 2024 底—2025 现役技术栈
前端生态半年不逛就像隔了三年。下面这张表是本册的版本基线:写代码前对一眼,别照着 2022 年的老教程 import 一堆早就改了名的包。版本号会一直往前走,遇到新版本先去官网读 migrating 迁移指南。
| 技术 | 版本基线 | 这版最重要的变化 / 一句话 |
|---|---|---|
| React | 19(2024.12 正式) | Actions(表单直接调异步函数)、Server Components 可在第三方库用、Ref as prop(不用 forwardRef)、use 钩子、改进的 hydration。 |
| React Router | 7(2024.10 发布) | 数据路由全面化:loader/action/fetcher/SSR 内置;v7 开始与 Remix 合并成同一套 API。 |
| Next.js | 15(2024.10 发布) | 原生支持 React 19、Server Actions 稳定、Partial Prerendering(PPR)、缓存新模型:默认不再缓存 fetch、Turbopack 稳定。 |
| Next.js | 16+ | 以官网最新稳定版为准(nextjs.org/blog)。升级前必读官方 Upgrade Guide。 |
| Vue | 3.5+ / 3.6+ | 以官网最新稳定版为准(vuejs.org)。3.5 起响应式系统重写性能更好,新增 defineModel、useTemplateRef、useId。 |
| Nuxt | 3.13+ / 4 | 以官网最新稳定版为准(nuxt.com)。Vue 的全栈框架,对标 Next.js。 |
| Svelte | 5(2024.12 正式) | Runes 模式:$state/$derived/$effect/$props,响应式显式化,不再依赖编译期魔法。 |
| SolidJS | 1.9+ | 细粒度响应式、无虚拟 DOM,语法像 React 但更新精确到节点。 |
| Tauri | 2.0(2024.6 正式) | Rust + 系统 WebView,全平台:Windows / macOS / Linux / iOS / Android 一起支持。 |
| Electron | 32+ / 33+ | 以官网最新稳定版为准(releases.electronjs.org),每个版本对齐一个 Chromium 版本,安全更新勤。 |
| Vercel AI SDK | 4.x | ai 包(v3 的 ai/react 路径已变):useChat/useCompletion/streamText/generateText/streamObject。 |
两个最容易踩的版本坑
Next.js 15 缓存行为变了:以前 fetch 默认缓存,15 起默认不缓存,要缓存得显式写 fetch(url, { cache: 'force-cache' }) 或 next: { revalidate: 60, tags: [...] },或用 unstable_cache + revalidateTag/revalidatePath。照着老教程抄会发现"数据怎么每次都重新拉"。
React Server Components 默认是服务端组件:App Router 里不写 "use client" 就不能用 useState/事件/浏览器 API,别再满屏报错找不到原因。