第一章 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的交互,最小化页面重绘。
相关文章
|
10月前
|
XML 移动开发 JavaScript
【React全家桶】react简介(一)
【React全家桶】react简介(一)
81 0
|
2月前
|
前端开发 JavaScript
React 简介与环境搭建
【1月更文挑战第1天】React 简介与环境搭建
32 0
|
7月前
|
前端开发 JavaScript 算法
【React学习】—React简介(一)
【React学习】—React简介(一)
|
12月前
|
前端开发 JavaScript 算法
React简介
React简介
83 0
|
前端开发
前端知识学习案例-React简介
前端知识学习案例-React简介
50 0
前端知识学习案例-React简介
|
前端开发
react native使用1-react native简介1
react native使用1-react native简介1
102 0
react native使用1-react native简介1
|
前端开发
react native使用2-react native简介2
react native使用2-react native简介2
71 0
react native使用2-react native简介2
|
前端开发
react实战笔记154:ReactRouter简介
react实战笔记154:ReactRouter简介
68 0
react实战笔记154:ReactRouter简介
|
前端开发
react 之 HOOK 简介
hook 是啥,中文翻译叫做 钩子, 用来增强函数组件的功能,因为函数组件是在react16.8以前是没有状态的,但是函数组件又比较纯粹和简单(使用上),所以react 应社区和自身考虑,设计了hook来增强函数组件。但是在未来官方好像要让hook 和 class 共存。 相反,我们开始在新的代码中同时使用 Hook 和 class。
react 之 HOOK 简介
|
XML 存储 JSON
React全家桶: React简介--hello react 案例--虚拟DOM与真实DOM-- jsx语法规则
React全家桶: React简介--hello react 案例--虚拟DOM与真实DOM-- jsx语法规则
131 0
React全家桶: React简介--hello react 案例--虚拟DOM与真实DOM-- jsx语法规则