![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
react-query.tanstack.com![[憨笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
获得徽章 0
- #请回答2021# 关键词：实干。
2021年，从4月份开始，花了2个月减重20斤，现在反弹了一点点；
2021年，从7月开始维护自己的第一个开源项目，维护项目时学习和应用了很多新技术，目前开始订计划每周维护的内容；
2021年，经历了一段感情经历，虽然遗憾结束了，也算有一点点收获；
2021年，断断续续花了几个月时间，找到了一份家乡省会的工作，还算可以，年前家乡工作；
总体来说，2021年我对很多想要做的事情积极了很多，除了感情方面算是失败了，其他要做的几件事大体上算是做到了。期望桃花运光顾我![[可怜]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
展开评论点赞 - 这段时间学习了下react-query，虽然目的是使用vue-query，分享下我踩坑收集的学习资料，干货建议有时间直接上手。
react-query
官方文档：
react-query.tanstack.com
中文文档：cangsdarm.github.io
全局状态？客户端状态？服务端状态？
看这个视频，看react-query原作者的解释，就知道为什么需要用react-query。www.youtube.com
react-query学习视频（建议看第一个，看完想练手在看第二个）www.youtube.comwww.youtube.com
vue-query
vue-query是react-query的vue版本，用法基本一致，但暂无好的学习视频，但是学会了react-query也等于学会了vue-query。
官方文档：vue-query.vercel.app
vue-query的项目代码参考，可以看我的开源项目，项目中2个页面使用到了vue-query。
开源项目地址：github.com
页面代码地址：github.comgithub.com
希望大家有收获。展开赞过
评论1 - 好久没有提交代码到开源项目了，但一提交就是大更新。
仿网易云音乐（mac 客户端）web 版，这几次提交主要更新了几个点：
1. 项目中引入了vue-qeury来管理服务端状态，每日歌曲推荐(music-player.immortalboy.cn)和视频列表(music-player.immortalboy.cn)页面使用了vue-query（vue-query就是react-query的vue版本，实际使用起来需要踩坑）；
2. 迁移了项目在线部署的地址，原本通过netlify在提交代码到github的时候自动部署，但是没有翻墙的情况下访问太慢，所以更新了在线部署地址：
1. 地址 1(部署在国内，定期更新)：music-player.immortalboy.cn
2. 地址 1(netlify 外网部署，实时同步)：music-player2.immortalboy.cn
3. 捕获请求状态码非200的报错并提示，之前只捕获状态码为200的错误信息提示；
这次更新最主要的是使用vue-query并开发了一个页面。后续的新页面中的服务端状态我会通过vue-query来管理，客户端状态通过vuex进行管理。个人感觉vue-query是一个很好用的库，值得去学习和实践。学习vue-query的话最好是通过react-qeuery来学习，youtube上有react-query的学习视频，没有vue-query的学习视频，但是学会了react-query几乎等于学会了vue-query。
分享一下，我踩坑收集的学习资料。
开源项目地址：github.com
在线访问地址1(国内)：music-player.immortalboy.cn
在线访问地址2(netlify)：music-player2.immortalboy.cn
欢迎star，欢迎fork，欢迎提issue![[憨笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
我踩坑收集和学习react-query的资源字数限制发不下来，只能在技术交流圈沸点发![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
展开等人赞过 35 - 难得今天没事摸鱼，学习了油管上的视频，照着做了一个小游戏。虽然代码不多，但思路和交互需要动脑，值得多敲一下。
总是谈面试或者新的技术不免无聊，尝试点有趣的代码也不错![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
github代码地址：github.com
油管学习视频地址：www.youtube.com
视频作者源代码地址：github.com 展开赞过 评论2 - 面试中被问到好几次https，我打算好好学习下http，所以又下载了《图解HTTP》，这次不打算让它在文件夹里吃灰。好好阅读，好好做笔记。
我这段时间每天搬砖事情多，压力很大，又想要回老家 #选择留在大城市工作，还是回家发展？# 换工作，还要天天和相亲对象打电话联络感情，用于学习和锻炼的时间似乎是不够了；但我认真想了后，认识到不管是有没有时间，总能抽出一点儿时间去锻炼、去学习。
网上的“前端八股文”我以前以为是个笑话，但映照到自己身上才发现多么现实。我之前对于一些在社区发文但带有广告的大佬并不感冒，但我现在真正认为在费劲写文章分享知识后恰饭并无不合理之处。当然对于微信公众号里，发个吸引人的标题结果就是后面是个课程链接这种纯粹卖课的我不认同。
对于任何愿意分享知识的人，我都很敬佩。不管是做开源的，比如大佬尤雨溪，做免费视频教程的，比如技术胖，其他分享文章的同学。免费的东西不一定全是最好的，但是任何免费分享出来的东西在我去学习查看时都应该去感激。开源的项目、免费视频教程、分享文章，去比较去提无理要求的想法该打住了，伤人最锋利的莫过于言语，友好地提出建议和意见而不应该去发泄自己的不满。
上面的话总结起来就是：
1. 先行动起来，不论现状如何；
2. 适应行业规则，慢慢耕耘和积累；
3. 友善对待分享者，虚心学习；展开等人赞过 220 - 前段时间在GitHub上看到了一个名为“WorkerLivesMatter”的项目，没想道再去找已经打不开了，甚至在国内各个平台包括：百度、知乎、网易等等都找不到了，GitHub项目听说是被腾讯举报了。
这个项目仅仅是个人登记了这些公司岗位的作息时间，如上下班时间、是否大小周，是否周报等等，结果包括官网、小程序、在线文档（先是腾讯文档、后迁移到金山文档），全被封禁。
不得不感叹，老板们赚钱不埋汰，但是一点风度都没有。当然在GitHub上还有fork的一个项目，留存了当初统计的Excel表格，我自己也下载到本地了，GitHub链接我不敢发，怕因为我被封禁。需要的可以找我，我发本地的。展开等人赞过 127 - 下午花点时间做了个简单文章封面图片生成器，可以用来生成文章的配图，目前只有一个模板。
gym有兴趣可以试用一下，有好的点子我可以改造下。主要用途是用来生成文章的配图。
地址：immortalboy.cn 展开赞过 评论2
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)