第一章 react简介

简介: 第一章 react简介

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的交互,最小化页面重绘。
相关文章
|
XML 移动开发 JavaScript
【React全家桶】react简介(一)
【React全家桶】react简介(一)
107 0
|
3月前
|
前端开发 JavaScript
React的生命周期简介(十)
【8月更文挑战第15天】React的生命周期简介
47 2
React的生命周期简介(十)
|
3月前
|
前端开发 JavaScript 中间件
React脚手架create-react-app简介
【8月更文挑战第13天】React脚手架create-react-app简介
191 4
|
3月前
|
前端开发 JavaScript 算法
React——React简介和基本使用【一】
React——React简介和基本使用【一】
41 0
|
6月前
|
存储 JavaScript 前端开发
React中的Redux:简介和实例代码
React中的Redux:简介和实例代码
79 1
|
6月前
|
前端开发 JavaScript
React 简介与环境搭建
【1月更文挑战第1天】React 简介与环境搭建
55 0
|
11月前
|
前端开发 JavaScript 算法
【React学习】—React简介(一)
【React学习】—React简介(一)
|
前端开发 JavaScript 算法
React简介
React简介
113 0
|
前端开发
前端知识学习案例-React简介
前端知识学习案例-React简介
60 0
前端知识学习案例-React简介
|
前端开发
react native使用1-react native简介1
react native使用1-react native简介1
114 0
react native使用1-react native简介1