![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 83
顾青菜
么么哒~~~
展开
-
React 项目中引入 Husky 6.x 和 Lint-staged
一、项目初始化 1.1 生成项目 生成一个全新的 ts + react 的模版 可直接使用指令:npx create-react-app demo --typescript,注意在未来的版本中该指令会被替换为npx create-react-app demo --template typescript,该模版包含了全套正常运行 React 所需的包和配置,无需再额外手动安装 typescript 等,其中还包含了自动化测试文件以及PWA所需文件等,可自行根据需求增删。 ...原创 2021-08-04 11:26:17 · 512 阅读 · 0 评论 -
react之路由使用、路由守卫、跨域
本文目的:因新公司暂无react相关项目安排,防止自己……对某些技术淡忘,所以记录下react项目部分技术要点,方便日后快速进入状态。 一、Router相关库 react-router、react-router-dom、react-router-native react-router实现了路由的核心功能 react-router-dom对react-router进行了封装,我选择的是react-router-dom 安装:npm i react-router-dom 使用Router需要在组件最原创 2020-11-09 16:10:20 · 1095 阅读 · 0 评论 -
react之redux使用、react-redux集成、异步action之redux-thunk
react之redux使用 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 Redux 的诞生主要为了解决下面的问题: 1、复杂的数据,比如api数据、本地数据、UI数据等 2、视图和状态管理的耦合导致的状态管理失控=>解决:redux状态管理、react视图层 那么如何设计和使用redux呢? 一、Redux基本思想 store包含了state,state定义UI,UI触发动作Actions ,Actions 发送到Reducers,Reducers根绝a原创 2020-11-06 17:16:01 · 366 阅读 · 0 评论