Skip to content

vue 和 react 发展史

发布日期:2024-02-28

从 vue 和 react 的发展历程来了解前端发展


前言

从进入前端行业开始,我就一直在使用 vue 框架,对 react 和其他前端开发方案缺乏足够的认识,逐渐发现这是一种束缚,束缚在 vue 的框架里面。尽管我可以使用 vue 快速地构建任意我想要的应用,但在大前端时代,仅仅熟悉一个框架显然是不够的,前端开发人员逐渐向跨平台的方向发展,跨平台的技术成为新的热点。

正所谓温故而知新,我尝试从 vue 和 react 的发展历程中窥探前端发展的方向。从近些年来两个框架的发展方向上看,无论是 vue3 的 composition api 还是 react16.8 推出的 hooks,都在摒弃类编程和 this 的束缚,逐渐向函数式编程发展。以下是我总结的两个框架的重要时刻,vue 的部分会比较多(因为我比较熟悉),react 的部分我也会努力完善。

Vue

  • 2013年:在 Google 工作的尤雨溪,受到 Angular 的启发,开发出了一款轻量级框架,最初命名为 Seed。
  • 2013年12月:v0.6.0 更名为 Vue,图标颜色是代表勃勃生机的绿色
  • 2014年1月24日:v0.8.0 Vue 正式对外发布
  • 2014年2月25日:v0.9.0 Animatrix 这是 Vue 首次拥有版本代号,此后,重要的版本都会有自己的代号
  • 2015年6月:v0.12.0 Dragon Ball
  • 2015年10月27日:Vue 1.0.0 Evangelion 发布,同年,vue-router、vuex、vue-cli 相继发布。 https://github.com/vuejs/vue/releases/tag/1.0.0
  • 2016年10月1日:v2.0.0 Ghost in the Shell 发布,它吸收了 React 的虚拟 Dom 方案,将模版编译成渲染函数,支持直接写渲染函数或者jsx,还支持服务端渲染。在博客中还提到了新的ui框架 Element 以及跨端原生框架 Weex。Vue 2.0 is Here!v2.0.0对比
  • 2016年11月9日:Element ui 1.0 发布
  • 2019年2月5日:v2.6.0 Macross
  • 2019年10月5日:尤雨溪公布了 Vue3 源代码仓库也就是 vuejs/core(微博可以找到他发布的信息),此时的 Vue3 仍处于 pre-alpha 状态
  • 2020年9月18日:v3.0 "One Piece" 正式发布
  • 2022年2月7日:v3 成为默认版本
  • 2022年7月1日:v2.7 发布,是 Vue2 的最后一个版本
  • 2023年12月24日:v2.7.16 "Swan Song"(绝唱)
  • 2023年12月28日:v3.4 https://blog.vuejs.org/posts/vue-3-4
    • 重写模版解析器提升了2倍解析速度,同时提高了SFC构建效率;
    • 更高效的响应式系统,避免某些情况下副作用函数重复触发,可以减少不必要的组件更新
    • defineModel 稳定可用
    • v-bind 同名缩写,如:src="src"可简写为:src
    • 修复服务端渲染脱水问题
    • 现在生产环境构建中将不会出现长长的报错字符串,取而代之的是错误代码,可以参考官方文档查阅错误代码表示的含义
  • 2023年12月31日:Vue2 生命周期结束(EOL)不再接收新功能、更新或修复

持续更新...

react

  • 2011年:Jordan Walke 创建了 FaxJS,是 react 的前身 https://github.com/jordwalke/FaxJs
  • 2012年:Jordan Walke 基于 FaxJS 创建了 React
  • 2013年3月:react 宣布开源
  • 2015年:react-native 诞生
  • 2017年9月:react 16 发布
  • 2019年2月16日:react 16.8 发布,该版本导入了React Hooks,进入函数式编程时代,此前使用类组件开发模式。

参考

React18 与 Vue3 全方面对比

The Vue Point

vue发展历史简介

React的发展历史和核心概念一览

浅谈 React 发展史

Power by vitepress