Web前端-初识React框架

一、React简介：

1.1.React是什么？

官方说明：用于构建用户界面的 JavaScript 库。
React的官网文档：https://zh-hans.reactjs.org/

1.2.目前Vue在前端处于什么地位？

无论是国内外，最流行的其实是三大框架：Vue、React、Angular。

二、邂逅React开发：

2.1.React的特点：

1. 声明式编程:

(1)声明式编程是目前整个大前端开发的模式：Vue、React、Flutter、SwiftUI；
(2)允许我们只需要维护自己的状态，当状态改变时，React可以根据最新的状态去渲染我们的UI界面；

2. 组件化开发

将复杂的界面拆分成一个个小的组件；

3. 一次学习、多平台适配
4. 高效、灵活
5. 基于JSX扩展语法

JSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。

2.2.React有三个依赖

(1)React：包含react所必须的核心代码
(2)React-DOM：react渲染在不同平台所需要的核心代码
(3)Babel：将jsx转换成React代码的工具

2.3.React的依赖引入

添加依赖方法：
(1) 直接CDN引入

  <!-- 加载 React。-->
  <!-- 注意: 部署时，将 "development.js" 替换为 "production.min.js"。-->
  <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
  <!-- 加载我们的 React 组件。-->``
  <script src="like_button.js"></script>

(2) 下载后，添加本地依赖
(3) 通过npm管理（脚手架使用）