qingbaicai的博客

一、项目初始化1.1 生成项目生成一个全新的 ts + react 的模版 可直接使用指令：npx create-react-app demo --typescript，注意在未来的版本中该指令会被替换为npx create-react-app demo --template typescript，该模版包含了全套正常运行 React 所需的包和配置，无需再额外手动安装 typescript 等，其中还包含了自动化测试文件以及PWA所需文件等，可自行根据需求增删。...

本文目的：因新公司暂无react相关项目安排，防止自己……对某些技术淡忘，所以记录下react项目部分技术要点，方便日后快速进入状态。一、Router相关库react-router、react-router-dom、react-router-nativereact-router实现了路由的核心功能react-router-dom对react-router进行了封装，我选择的是react-router-dom安装：npm i react-router-dom使用Router需要在组件最

react之redux使用Redux 是 JavaScript 状态容器，提供可预测化的状态管理。Redux 的诞生主要为了解决下面的问题：1、复杂的数据，比如api数据、本地数据、UI数据等2、视图和状态管理的耦合导致的状态管理失控=>解决：redux状态管理、react视图层那么如何设计和使用redux呢？一、Redux基本思想store包含了state，state定义UI，UI触发动作Actions ,Actions 发送到Reducers,Reducers根绝a