• 售前

  • 售后

热门帖子
入门百科

react+ts实现简单jira项目的最佳实践记载

[复制链接]
王俊杰2017 显示全部楼层 发表于 2021-8-14 14:57:16 |阅读模式 打印 上一主题 下一主题
练手的一套项目
react+ts
固然内容较少,但是干货挺多,尤其是对hooks的封装,ts的泛型的明白,使用更上一层楼
项目代码:https://gitee.com/fine509/react_jiar
效果图



这是三个主要页面,还有一些小细节



等等

一些值得注意的地方(只是讲大概的功能,没有具体的详解怎么用)

使用错误边界处置惩罚,getDerivedStateFromError来处置惩罚当某个页面某处地方有报错的时间表现报错组件而不是挂掉。
useSearchParams的使用


这个api可以获取和设置我们这里的params。
react-query的使用



这个库网上对他的先容是用来管理服务端数据的状态管理库,他好像有点雷同于redux,但是不消编写很多的actions,reducer,支持异步哀求,用key唯一标识数据,存在一个雷同于全局状态管理库的地方。特殊得当用于某些表格,比如增删改改查这些,而且也很支持乐观更新。 思绪就是 比如增删改查,再发送数据的那一刻直接拿到原来的数据,通过本身编写的逻辑代码,获取到增删改查后的数据,然后直接渲染到页面,看上去就像是直接更新了一样,实际上是先渲染,后台再本身发送哀求,当失败的时间,你也可以拿到原始的数据然后重新渲染到页面去,再提示失败。 末了就是我做这个项目特殊纠结的一点,数据的管理。
我首先是本身封装了一个hooks。

我的思绪是,一个页面大概要获取很多数据,那么Loading这些假如本身写很麻烦,还有多个,为什么loading不能同一管理呢,然后data就设为一个对象,在使用的时间你可以传一个类型过来界说你这个data的类型

然后sendHttp用来发送数据


担当两个参数,第二个参数是当前的数据要放在data的哪个属性上,

使用效果就是



这样就可以同一管理这些数据的状态,但反面发现用起来也是很麻烦。所以我又放弃了,还是原生的写起来舒服啊
直接界说接口

直接使用

害,当然我也想到用redux,但是redux很多都要编写action,reducer这些,也是很繁琐。
迩来听朋侪说ahooks的usequest也不错,下个项目试试。
末了这个项目学到最多的就是封装各种hooks
封装redux的


封装哀求的

还有就是ts的学习,
看到不懂得api就直接类型界说点进去

像这种不懂就点进去,一个一个点击去


在这种狂轰乱炸的环境下,会慢慢相识泛型的使用

到此这篇关于react+ts实现简单jira项目的文章就先容到这了,更多相关react+ts jira项目内容请搜索脚本之家从前的文章或继续欣赏下面的相关文章希望各人以后多多支持脚本之家!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作