这几天也是学了一手react，和大家来分享一下react基础相关知识
React是现代前端很流行的JavaScript框架，用于构造用户页面，特别适合构建交互式的、可复用的 UI 组件，现在的大厂都比较喜欢用这个。
为什么要引进React
在现代前端框架如React、Vue等普及之前，都是用原生JS来开发页面，用的都是DOM操作、事件处理、定时器和动画、结合底层API，这种方式有着维护性差、复用性低、效率低、状态管理困难等缺点。
React知识简单介绍及应用
一、项目的创建（需要安装Node.js）
项目：一个完整的网页应用或网站，它包含多个页面、组件、功能模块以及交互逻辑，最终目的是为用户提供服务或完成特定任务。
1.首先自己创建一个新文件夹并在集成终端打开，输入npm init vite
这里的 npm 指的是 node package manager ，npm 是随同 Node.js 一起安装的包管理和分发工具，它允许开发者轻松地下载、安装、上传以及管理各种开源的 JavaScript 工具和库。
这里的init 命令用于初始化一个新的项目。运行 npm init 会引导你创建一个 package.json 文件，该文件包含了项目的元数据（如名称、版本、描述等）以及项目依赖和脚本等信息。
这里的vite是一种新型前端构建工具，旨在提高开发服务器的启动速度和改进构建流程。它利用了现代浏览器对 ES 模块的支持，提供了极快的冷启动和热更新体验。(人话：在这里提供 vue/react 项目模板和工程化)
2.然后完善该项目的相关信息
- Project name：项目的名称（显示用）
- Package name：包名，用于
package.json中的name字段。通常使用小写、短横线命名法（kebab-case），默认由 Project name 自动转换而来。 - Select a framework： 选择你要使用的框架。
- Select a variant：选择一个变体。
3.然后切换到该项目下
- cd 项目名/
4.再执行npm i（安装依赖）
npm i
是 npm install 的简写形式，意思是：安装项目所需的依赖包。
什么是“依赖”？ 在前端项目中，我们通常会使用一些别人写好的 JavaScript 库或工具来帮助我们快速开发，可以这么想象：你要做一道菜（开发一个项目），但需要一些食材（依赖包）
5.最后执行npm run dev 启动项目
至此，一个项目就创建完成啦~
二、我们先来简单分析一下整个项目目录
挑一些比较常见和重要的讲哈
根目录常见文件
| 文件名 | 作用 | 重要程度 |
|---|---|---|
index.html | 项目的 HTML 入口文件，挂载 React 应用 | ⭐⭐⭐⭐⭐ |
package.json | 项目元信息、依赖列表、脚本命令 | ⭐⭐⭐⭐⭐ |
vite.config.js | Vite 的配置文件（插件、服务器设置等） | ⭐⭐⭐⭐ |
package-lock.json | 锁定依赖版本，确保安装一致性 | ⭐⭐⭐ |
.gitignore | 指定 Git 不跟踪的文件 | ⭐⭐ |
README.md | 项目说明文档 | ⭐ |
src 开发（也称源码）目录
| 文件名 | 作用 | 重要程度 |
|---|---|---|
main.jsx | React 应用的入口文件，负责启动渲染 | ⭐⭐⭐⭐⭐ |
App.jsx | 根组件，通常作为主界面容器 | ⭐⭐⭐⭐ |
App.css | 用于 App.jsx 组件的样式，局部样式文件 | ⭐⭐⭐⭐ |
index.css | 全局样式文件（与根目录中index.html相对应），通常用于重置样式或全局定义 | ⭐⭐⭐⭐ |
components/ | 存放可复用的 React 组件，这个文件一般没有，根据需要自己创建 | ⭐⭐⭐⭐ |
assets/ | 存放图片、字体等静态资源（会被构建优化） | ⭐⭐⭐ |
还有更多内容，请待下集分享,
