React 简介

Posted 2022-10-15 书和咖啡

本教程我们来学习 React 的基础知识，React 是 Facebook 推出的一个用来构建用户界面的 javascript 库。React 主要用于构建 UI， 拥有较高的性能，代码逻辑非常简单，现在又越来越多的人已开始关注和使用它。

React的起源

React 是 Facebook 开发的一款 JavaScript 库，而 React 被建造是因为 Facebook 认为市场上所有的 JavaScript MVC 框架都不能满足他们的扩展需求， 由于他们非常巨大的代码库和庞大的组织，使得 MVC 很快变得非常复复杂，每当需要添加一项新的功能或特性时，系统的复杂度就成级数增长，致使代码变得脆弱和不可预测，结果导致他们的 MVC 正在土崩瓦解。2011 年 Facebook 软件工程师 Jordan Walke 创建了 React ，并且首次使用 Facebook 的 Newsfeed 功能。做出来以后，发现这套东西很好用，就在 2013 年 5 月开源了。

React的特点

React 作为一个 JavaScript 库，和其他的 JavaScript 库相比，有如下所示特点：

• 声明式设计：React 采用声明范式，可以轻松描述应用。以声明式编写 UI，可以让代码更加可靠，且方便调试。
• 组件化：为程序编写独立的模块化 UI 组件，并且它们可以引入其他组件，这等同于提高了代码的可维护性。
• 高效：React 通过对 DOM 的模拟，最大限度地减少与 DOM 的交互。
• 灵活：React 可以与已知的库或框架很好地配合。
• JSX ：JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
• 单向响应的数据流： React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
• 跨浏览器兼容：虚拟 DOM 帮助我们解决了跨浏览器问题，它为我们提供了标准化的 API，甚至在 IE8中都没有问题。