前端React18入门到实战

视频地址：https://www.bilibili.com/video/BV1ZB4y1Z7o8/?spm_id_from=333.337.search-card.all.click&vd_source=f8edb730040256369513da6f2506c493

React 入门到实战导学课程

1、课程亮点

• 完整的前后台项目（PC+移动，完整业务，各有侧重）
• React 最新企业标准技术栈（React18 + Redux + ReactRouter + AntD）
• React + TypeScript (为大型项目奠定基础)

2、课程内容安排

Day1-01.React简单介绍

1、React是什么

React由 Meta 公司研发，是一个用于 构建 Web 和原生交互界面的库

2、React 的优势

3、React的市场情况

Day1-02.React开发环境创建

1、使用 create-react-app快速搭建开发环境

create-react-app 是一个快速 创建 React 开发环境的工具，底层由 Webpack 构建，封装了配置细节，开箱即用

执行 npx create-react-app react-basic 报如下错误时，请 npx create-react-app@latest react-basic

通过 npm start 启动项目

index.js 为项目的入口，从这里开始运行

index.js文件中的 11行代码是将 root 渲染到 pulic/index.html文件中

app.js文件是 项目的根组件

Day1-03.JSX基础-概念和本质

1、什么是 JSX

概念：JSX是 JavaScript 和 XML（HTML）的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式

2、JSX的本质