【React 框架】简介 / 入门案例 / 虚拟DOM / 真实DOM

学习视频：尚硅谷React技术全家桶全套完整版（零基础入门到精通/男神天禹老师亲授）_哔哩哔哩_bilibili

---

一、React 简介

1、React 是什么？

2、为什么要学 React ？

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

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

        （3）原生 JavaScript 没有组件化（ html / css / js ）编码方案，代码复用率低。

3、React 的特点

        （1）采用组件化模式、声明式编码，提高开发效率及组件复用率。

        （2）在 React Native 中可以使用 React 语法进行移动端开发。

        （3）使用虚拟 DOM + Diffing 算法，尽量减少与真实 DOM 的交互。

 React 高效的原因：

        （1）使用虚拟(virtual)DOM，不总是直接操作页面真实DOM。

        （2）DOM Diffing算法，最小化页面重绘。

二、React 的基本使用

1、hello_react 案例（入门）

1.1 依赖包

• react.js：React核心库。
• react-dom.js：提供操作DOM的react扩展库。
• babel.min.js：解析JSX语法代码转为JS代码的库。【 ES6 ==> ES5 ；jsx =