简介
React,用于构建用户界面的 JavaScript 库,只提供了 UI 层面的解决方案
遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效
使用虚拟 DOM 来有效地操作 DOM,遵循从高阶组件到低阶组件的单向数据流
帮助我们将界面成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,构成整体页面
react 类组件使用一个名为 render() 的方法或者函数组件return,接收输入的数据并返回需要展示的内容
特性
React 特性有:
JSX 语法 单向数据绑定 虚拟 DOM 声明式编程 Component
声明式编程
声明式编程是一种编程范式,它关注的是你要做什么,而不是如何做
它表达逻辑而不显式地定义步骤。这意味着我们需要根据逻辑的计算来声明要显示的组件
声明式编程方式使得 React 组件很容易使用,最终的代码简单易于维护
Component
在 React 中,一切皆为组件。通常将应用程序的整个逻辑分解为小的单个部分。 我们将每个单独的部分称为组件。
组件可以是一个函数或者是一个类,接受数据输入,处理它并返回在 UI 中呈现的 React 元素。
一个组件该有的特点如下:
可组合:每个组件易于和其它组件一起使用,或者嵌套在另一个组件内部
可重用:每个组件都是具有独立功能的,它可以被使用在多个 UI 场景
可维护:每个小的组件仅仅包含自身的逻辑,更容易被理解和维护
优势
通过上面的初步了解,可以感受到 React 存在的优势:
高效灵活
声明式的设计,简单使用
组件式开发,提高代码复用率
单向响应的数据流会比双向绑定的更安全,速度更快。