glownight

返回

时间React 核心发展里程碑(细节版)Vue 核心发展里程碑(细节版)
2013年1. 2013 年,React 在 JSConf US 演讲及随后 2013-06-05 的官方博客中正式对外公开,最初用于解决 Facebook 内部复杂 UI 的组织与更新效率问题;
2. 核心理念初步确立:组件化声明式渲染单向数据流倾向,以及通过轻量 UI 描述进行高效更新;
3. JSX 从一开始就是可选语法扩展,不是 React 的硬性前提;早期重点仍然是 Web 端 UI 视图层能力。
1. 尤雨溪开始构思并实现 Vue 的早期原型,目标是在保留响应式和模板能力的同时,做到比当时主流框架更轻量、易上手、易嵌入
2. 早期设计思路受到 Angular 响应式模板机制的启发,同时强调更低的心智负担;
3. 此阶段仍属于原型探索期,尚未形成后来完整的版本体系与官方生态。
2014年1. 发布 React 0.12,对 API 与术语进行整理,React.renderComponent 改为 React.renderisValidComponent 改为 isValidElement
2. 组件模型和元素抽象进一步稳定,社区开始更清晰地区分“组件实例”和“React 元素”;
3. DevTools 与开发体验持续改进,React 逐步从 Facebook 内部方案走向更广泛的社区采用。
1. 2014 年初,Vue 首次公开亮相,并在年内发布 0.100.11 等早期版本;
2. 核心特性逐渐成型:响应式数据绑定指令系统组件雏形,采用基于 Object.defineProperty 的响应式实现;
3. 这一阶段仍没有虚拟 DOM,更新机制以指令驱动的 DOM 绑定为主,主打“简单直接、低学习成本”。
2015年1. 2015-03-10,发布 React 0.13,正式支持 ES6 class components
2. 2015-03-26,React Native 开源,提出 “Learn once, write anywhere”,推动 React 向跨平台渲染能力扩展;
3. 2015-09React 0.14reactreact-dom 拆分,分离核心抽象与 DOM 渲染器;
4. 同期正式引入 stateless function components,为后续函数组件和 Hooks 时代埋下基础。
1. 2015-06-11,发布 Vue 0.12 “Dragon Ball”,组件语法更统一,paramAttributes 更名为 props,并引入异步组件
2. 2015-10-26,发布 Vue 1.0 正式版 “Evangelion”
3. Vue 1.0 统一并简化模板语法,加入 v-on / v-bind 简写,使用 v-for 取代旧的 v-repeat
4. vue-loader、热更新、scoped CSS 等工具链能力显著增强,Vue 开始具备构建中小型 SPA 的完整基础。
2016年1. 2016-04-07,发布 React 15.0,标志着 React 从 0.x 阶段进入更稳定的主版本节奏;
2. React 15 的重点是 DOM 渲染实现重写:更接近原生 DOM 创建方式,减少额外包装,提升 SVG 与标准 DOM 属性支持;
3. React 在工程稳定性、控制台警告、渲染一致性方面进一步打磨,生态采用率持续上升。
1. 2016 年,Vue 2.0 完成从设计到正式发布的跨越,10 月发布 Vue 2.0 正式版 “Ghost in the Shell”
2. Vue 2.0 的关键升级是引入 虚拟 DOM,在保留模板易用性的同时提升复杂组件树更新性能;
3. 渲染层与响应式系统整体重构,SSR、render function、JSX 支持更完善;
4. Vue 2 奠定了此后数年 Vue 主流生态的技术基础。
2017年1. 2017-04-07React 15.5React.PropTypesReact.createClass 从核心包中拆出并标记废弃,推动核心包继续精简;
2. 2017-09-26,发布 React 16.0,底层全面切换到 Fiber 架构,为可中断渲染、优先级调度等能力建立基础;
3. React 16 带来 Error BoundariesPortals、返回字符串/数组等能力;
4. 2017-11-28React 16.2 正式加入 Fragments,进一步减少无意义的 DOM 包裹层。
1. 2017 年是 Vue 2 生态快速成熟的一年,Vue Router、Vuex、单文件组件与工程化工作流逐步成为事实标准;
2. “渐进式框架”定位更加清晰,开发者可以只使用核心库,也可以按需叠加路由、状态管理和构建工具;
3. Vue 在后台系统、中小型业务前端和企业级组件库场景中加速普及,社区影响力显著提升。
2019年1. 2019-02-06,发布 React 16.8Hooks 正式稳定
2. useStateuseEffectuseContext 等核心 Hooks 让函数组件具备承载状态与副作用逻辑的能力;
3. Hooks 解决了类组件中 this、生命周期逻辑分散、复用困难等长期痛点,推动 React 开发范式向函数式全面转移;
4. 官方开始更明显地推荐函数组件与 Hooks,但类组件仍被保留并继续可用。
1. 2019 年进入 Vue 3 设计与 RFC 推进期,核心目标是提升大型应用中的逻辑复用、类型推断与长期可维护性;
2. 官方正式明确 Composition API 方向,用更灵活的组合式写法改善 Options API 在复杂组件中的组织问题;
3. Vue 3 的新响应式方案开始转向 Proxy,以突破 Vue 2 在数组索引、属性新增删除等场景的局限;
4. 这一年更准确的定位是“Vue 3 方案确立与实验推进”,而不是正式发布年。
2020年1. 2020-10-20,发布 React 17.0
2. React 17 没有新增开发者可见的重大功能,核心任务是为未来版本做底层铺垫;
3. 重点包括事件委托系统重构、跨版本嵌套升级支持,以及更平滑的渐进式升级路径;
4. 同年推出 新的 JSX Transform,减少对显式 import React 的依赖,改善构建体验。
1. 2020-09-18,发布 Vue 3.0 正式版 “One Piece”,完成内核级重构;
2. 核心升级包括:使用 Proxy 重写响应式系统、正式推出 Composition API、强化 TypeScript 支持;
3. 同时引入更好的 tree-shaking、更小包体,以及对 Fragment、Teleport、Suspense 等能力的支持;
4. Vue 3 标志着 Vue 从“易用的响应式框架”进入“兼顾工程规模、类型能力与运行性能”的新阶段。
2022年1. 2022-03-29,发布 React 18.0
2. 核心能力包括:automatic batchingstartTransition / useTransition、更完善的 streaming SSR + Suspense
3. 新入口 createRoot / hydrateRoot 取代旧渲染方式,为新能力启用提供基础;
4. 需要注意的是,React 18 不是“默认全局开启并发渲染”,而是通过新 API 与特性按需启用并发能力
5. React Server Components 在这一阶段仍主要处于实验和框架集成推进期。
1. 2022-02-07 起,Vue 3 成为官方默认版本,Vue 2 进入维护收尾阶段;
2. 2022-07-01,发布 Vue 2.7 “Naruto”,将 Composition API、<script setup>、CSS v-bind 等关键能力回移到 Vue 2;
3. Vue 3 生态逐步稳定,Pinia、Vite、Volar、Vue Devtools 6 等方案成为主流组合;
4. 这一阶段 Vue 的重点从“核心切换”转向“生态全面完成 Vue 3 迁移”。
2023年1. 2023 年 React 没有新的稳定大版本发布,但有两项重要进展:react.dev 新文档体系成熟,以及 Canary 发布通道正式启用;
2. React 团队通过 Labs / Canary 持续推进 RSC、Actions、Compiler 等下一阶段能力;
3. 需要纠正的是:React 18.2.0 实际发布于 2022 年 6 月,不是 2023 年;useIduseDeferredValue 也不是 2023 年才新增。
1. 2023-05-11,发布 Vue 3.3 “Rurouni Kenshin”,重点强化 <script setup> 与 TypeScript 开发体验;
2. 3.3 带来 宏中的导入类型支持、泛型组件、defineSlots、更易用的 defineEmits,并以实验形式提供 defineModel 等能力;
3. 2023-12-28,发布 Vue 3.4 “Slam Dunk”,重写模板解析器、优化响应式触发精度,并让 defineModel 稳定
4. 2023-12-31Vue 2 正式结束官方维护(EOL),Vue 生态全面进入 Vue 3 时代。
2024~2026年1. 2024-12-05,发布 React 19 稳定版,重点引入 ActionsuseActionStateuseOptimisticuseFormStatususe 等能力,并强化表单与异步提交流程;
2. React 19 进一步完善服务端与客户端协同的全栈开发体验,和 Server Components 配套能力结合得更紧密;
3. 2025-10-07React Compiler v1.0 稳定发布,推动自动化性能优化进入正式阶段;
4. 2026-02-24React Foundation 正式成立,React 的治理进一步走向长期化、基金会化;
5. 这一阶段 React 的核心方向是:服务端优先协作、编译器优化、全栈整合、进一步降低高性能开发门槛
1. 截至 2026-03-25,Vue 官方已明确的重要后续核心里程碑是 Vue 3.5(2024-09-01)
2. Vue 3.5 重点包括:响应式系统重构优化、更好的 SSR 表现、Lazy HydrationuseId()useTemplateRef()onWatcherCleanup() 等;
3. 其中响应式系统重构显著改善了内存占用与大规模深层响应式场景下的性能表现;
4. 2024 至 2026 年间,Vue 持续沿 3.x 小版本迭代 推进,重点聚焦于 SSR、类型体验、开发者体验、生态协同
5. 这一阶段 Vue 的核心方向是:渐进式体验保持不变,同时继续补强性能、SSR 与现代工具链协同能力

补充说明#

  1. 两者都起步于“更高效地组织和更新 UI”,但 React 更强调 声明式组件抽象、渲染器解耦、跨平台与全栈协作,Vue 更强调 渐进式采用、模板易用性、开发效率与工程平衡
  2. 核心转折点可概括为:React 16(Fiber)React 16.8(Hooks)React 18(并发相关能力)React 19(Actions / 全栈协作);以及 Vue 2.0(虚拟 DOM)Vue 3.0(Proxy + Composition API)Vue 3.5(响应式与 SSR 再优化)
  3. 未来趋势上,两者都在向 SSR / 服务端协同、编译器辅助优化、更强 TypeScript 支持、更好的开发体验 发展;React 更偏向 Server Components + Compiler + 全栈整合,Vue 更偏向 渐进式升级 + SSR 能力增强 + Vite 生态协同
React & Vue 发展演变历程
作者 glownight
发布于 2026年3月1日