React

安装 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 应用的必备

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

React 是一个用于 构建用户页面 的 JavaScript 库 ，主要用于构建高性能及响应式用户界面， 使用虚拟DOM并在发生变更时利用补丁安装机制只对DOM中的dirirty部分进行重新渲染