【React学习】—React简介(一)

简介: 【React学习】—React简介(一)

入职公司快三个月了。事实证明,没到你手里的东西,都是做梦,比如妹纸,心仪的坑位,心动的房子…

由于公司用的是React框架,所以之前学的东西又要捡回来😛😛😛

现在的我像极了期末考试前的我:一本书,一盏灯,一个奇迹,废话不多说,接下来我要干大事!!!

一、什么是React

React是一个将数据渲染为HTML视图的开源JavaScript库。

二、谁开发的?

由Facebook开发的,且开源

三、为什么要学?

  • 原生JavaScript操作DOM繁琐、效率低(DOM-API操作UI)。
  • 使用JavaScript直接操作DOM,浏览器会进行大量的重绘重排。
  • 原生JavaScript没有组件化编码方案,代码复用率低。

四、React的特点

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

五、学习React之前你要掌握的JavaScript基础知识

1️⃣判断this指向—参考文章:Web前端高级JavaScript - JavaScript中函数内的this指向

2️⃣class类—参考文章:JavaScript中Class类的详解

3️⃣ES6语法规范—参考文章:前端面试高频考点,ES6知识点汇总

4️⃣npm包管理器—参考文章:Npm(包管理工具)

5️⃣原型、原型链—参考文章:JavaScript原型和原型链(详细解读)

6️⃣数组常用方法—参考文章:JavaScript数组Array常用方法汇总

7️⃣模块化—参考文章:JavaScript模块化


相关文章
|
26天前
|
前端开发 JavaScript
React学习之——条件渲染
【10月更文挑战第16天】React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。
|
2月前
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别,以及React的核心概念,包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
68 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
|
2月前
|
前端开发 JavaScript
react学习(13)props
react学习(13)props
|
2月前
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式,包括props和state的使用,以及如何在React组件中使用style样式。
33 0
|
17天前
|
前端开发 JavaScript 安全
学习如何为 React 组件编写测试:
学习如何为 React 组件编写测试:
34 2
|
1月前
|
资源调度 前端开发 JavaScript
React进阶学习
React进阶学习
11 1
|
1月前
|
JSON 前端开发 JavaScript
React 进阶阶段学习计划
React 进阶阶段学习计划
|
2月前
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念,包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
28 2
|
2月前
|
前端开发
react学习(17)回调形式的ref
react学习(17)回调形式的ref
|
2月前
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props