子卿全栈系列💯

Appearance

🔠
📤
🕵️
📈0️⃣

React 概述 ​

简介 ​

React 是一个用于构建用户界面的 JavaScript 库，起源于 Facebook 的内部项目。

React 起源于 2011 年，最初是作为 Facebook 内部项目的一部分而开发。由于对市场上现有的 JavaScript MVC 框架不满意，Facebook 决定自行开发一套新的库来支持其日益增长的 web 应用需求，特别是 Instagram 的网站架构。

优势 ​

React 的优势在于它高效的性能和易于学习的特性。

React 自开源以来，一直以其高效的性能和易于学习的特性在前端开发领域保持领先地位。其中最显著的优势包括使用虚拟 DOM 提升性能，以及强调只从this.props和this.state生成 HTML 的简洁性。这使得 React 成为前端开发者首选的技术之一。

前端库对比 ​

与其他前端库相比，React、Vue 和 Angular 各有特色。

在前端开发领域，React、Vue 和 Angular 并驾齐驱，各自解决前端开发中的问题，但有着不同的特点和适用场景。React 作为一个 UI 库，以组件化开发的方式重新定义了前端开发的方法。Vue 则被称为渐进式框架，而 Angular 是成熟的前端框架。这些框架根据设计理念、细节处理和技术选择上有所不同，但都是目前前端开发中非常受欢迎的技术选项。

React 各版本对比 ​

React 是一个用于构建用户界面的 JavaScript 库，不同版本之间可能会有一些重要的变化和改进。以下是关于 React 一些主要版本的简要对比。

React 自发布以来，经历了多次重大更新，每个版本都带来了新的特性和改进。下面是一些主要版本的对比和详细描述：

React v0.13 (2015 年 3 月) ​

  • React Context API 的初步版本，允许在组件树中传递数据。
  • 引入了新的表单 API，包括onChange事件处理和受控组件模式。

React v0.14 (2015 年 9 月) ​

  • 引入了基于类的组件，允许使用extends React.Component来创建组件。
  • 支持 ES6 的特性，如箭头函数和类属性。
  • 废弃了createClass方法，鼓励使用 ES6 类。
  • 引入了ReactDOMServer模块，用于服务器端渲染。

React v15 (2016 年 4 月) ​

  • Fragment 引入，允许不添加额外 DOM 元素的情况下包装一组子组件。
  • 引入了ref forwarding，允许父组件通过特殊 API 访问子组件的ref。

React v16 (2017 年 9 月) ​

  • 引入了Error Boundaries，允许捕获子组件树中的 JavaScript 错误。
  • 引入了Portals，使得组件可以渲染到 DOM 结构之外的位置。
  • Concurrent Mode 的概念首次提出，它允许 React 在渲染过程中更灵活地进行任务管理。
  • 引入了React.createRef和React.forwardRef API。
  • 此外，React v16.8 版本引入了 Hooks，这是函数式编程在 React 中的一个重要进展。Hooks 让函数组件能够使用 state 和其他 React 特性，这进一步促进了函数式编程在 React 开发中的应用。最常用的三个 Hook 是useState、useEffect和useRef，它们分别用于管理状态、执行副作用操作和引用 DOM 节点等功能。

React v17 (2020 年 10 月) ​

  • 改进了Event System，将事件处理器直接挂载在根组件而不是document上，从而减少内存消耗并提高性能。
  • 引入了Automatic Batching，减少了组件状态更新时的重渲染次数。
  • 移除了一些遗留的 API，比如React.createClass、React.PropTypes和createMixin等。
  • 优化了 JSX 转换器，使得 JSX 可以在不引入 React 的情况下进行转换。

React v18 (2022 年 3 月) ​

  • 引入了新的并发特性，包括startTransition API，允许将更新标记为非紧急，从而可以中断并恢复其他更新。
  • 引入了useSyncExternalStore Hook，用于订阅外部状态源。
  • 对服务器端渲染进行了改进，引入了新的 API，如hydrateRoot。
  • 引入了StrictMode，用于检测潜在问题并帮助开发者优化应用。

每个版本的更新都伴随着官方文档中的详细说明，其中包含了新特性的介绍、API 变动的说明以及弃用特性的指导。开发者在迁移到新版本时，应该仔细阅读更新日志，确保代码的正确性和最佳实践。

React 的版本升级主要围绕新特性的探索和性能优化进行。开发者在选择升级时需要考虑项目的兼容性需求，并关注新 API 带来的变化。

参考

React-官网React-官方文档React-中文网bootcss