react简介

Posted 2022-12-26 天界程序员

React 是一个声明式，高效且灵活的用于构建用户界面的 javascript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。

• 中文官网

react 的诞生

• 该框架由Facebook的软件工程师 Jordan Walke 创建
• 于2011年部署于 Facebook 的 newsfeed
• 随后在2012年部署于Instagram
• 2013 年 5月宣布开源
• 2015年4月，Facebook发布了关于使用React的专利

…

一些大厂都在使用该框架。

为什么要学？

• 原生JavaScript 操作 DOM 繁琐、效率低（DOM-API 操作 UI）

document.getElementById('app')
document.querySelector('#app')
document.getElementByTagName('span')
// ...

代码冗长、篇幅较长，代码量上来了不易维护。

• 使用JavaScript 直接操作DOM，浏览器会进行大量的重绘重排。

• 原生JavaScript没有组件化编码方案，代码复用率较低。

React的特点

• 采用组件化模式、声明式编码，提高开发效率及组件复用率
• 在React Native中可以使用React语法进行移动端开发
• 使用虚拟DOM+优秀Diffing算法，尽量减少与真实DOM的交互,最小化页面重绘。