RukawaMaple

项目文件一多起来，cli 的话是先将所有文件编译完，再开启服务，启动慢，影响开发体验，而 vite 先开服务之后，再按需加载当前页面需要的文件，开发体验就好很多

集成的功能，用的是 vue3+elementplus，但是使用改集成功能的项目是 vue2+elementui 由于2个项目组件库类名相同，被elementplus的覆盖，从而出现样式污染的

安装 redux 和 react-redux src 下创建 store 目录，新建 index.ts 创建一个提供数据的 reducer.tsx，main.tsx 文件中通过Provider提供数据

每个组件都是独立的，默认情况下，只能使用组件自己的数据 组件化过程中，将完整功能的组件拆分成多个组件，更好的完成整个应用的功能，多个组件不可避免要共享数据 为了实现该功能，就需要打破组件的独立封闭性

组件表示页面中的部分功能 ，组合多个组件实现完整的页面功能 ，当多个页面都需要使用同一个功能的时候，可以抽出一个组件，进行复用 独立：每个组件都是互相独立的，保证使用同一个组件的时候不会受到影响

JSX 是 JavaScript XML 的简写，表示在 JavaScript 代码中写 XML (HTML) 格式的代码 ，JSX 既不是字符串也不是 HTML，是 JavaScript 的语法扩展

为什么要用脚手架，现在的 web 开发应用已经不是传统的方式，新建一个 HTML 文件，在此基础上写 CSS、JavaScript，最终把页面实现。，脚手架是开发 Web 应用的必备

TypeScript 是微软推出的一门语言，强类型语言，TypeScript 是 JavaScript 的父级，里面包含了 JavaScript 以及 ES567，它可以编译成 js，新增了类型和面向

react 包是核心，提供创建元素、组件等功能 react-dom 包提供 DOM 相关功能等 ，安装命令：npm i react react-dom ，引入 react 和 react-dom 文件