React 简介

React 是什么?

React 有时被称为前端 JavaScript 框架,是 Facebook 创建的 JavaScript 库。

React 是一个用于构建 UI 组件的工具。


React 的工作原理

React 在内存中创建虚拟 DOM

React 不直接操作浏览器的 DOM,而是在内存中创建一个虚拟 DOM,在内存中对浏览器 DOM.OM 进行更改之前,它在内存中执行所有必要的操作。

React 只对需要更改的内容进行更改!

React 找出已经做了哪些更改,而更改 只需要 更改的内容。

在本教程的其余部分中,您将了解 React 如何做到这一点的各个方面。


React 框架作用

React 主要用于构建 UI。你可以在 React 里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。


React 的特点

  • 声明式设计:React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React 能高效更新并渲染合适的组件

  • 组件化: 构建管理自身状态的封装组件,然后对其组合以构成复杂的 UI。

  • 高效:React 通过对 DOM 的模拟,最大限度地减少与 DOM 的交互。

  • 灵活:无论你现在使用什么技术栈,在无需重写现有代码的前提下,通过引入 React 来开发新功能。


React.JS 的历史

React.JS 的当前版本是 V17.0.2(2021 年 8 月)。

首次向公众发布(V0.3.0)是在 2013 年 7 月。

React.JS 于 2011 年首次用于 Facebook 的新闻提要功能。

Facebook 软件工程师 Jordan Walke 创建了它。

create-react-app 的当前版本为v4.0.3(2021 年 8 月)。

create-react-app 包括 webpack、Babel 和 ESLint 等内置工具。