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的交互,最小化页面重绘。