自从 React Hooks 出来以后, 我也全面转向了 Hooks 的怀抱, 也可能是因为大量的文章开始鼓吹 -_-!
在之前，全局状态管理并不像今天这样。我清楚地记得有一段时间，在高阶组件中的状态管理最佳选择是使用Redux, connect 加上 mapStateToProps 和 mapDispatchToProps。
到如今，Hooks 出现后一切都变了。不仅现有的解决方案变得更容易使用，而且新的解决方案也诞生了。
很多前端同学都会问自己的一个问题 —— 没有后端的前端能干什么?
对于这种问题，我的回答是：能做很多事情！你的时间远远不够！
如果说你坚持认为没有后端你就啥也做不了，那么请你现在立刻马上去学习后端相关知识!
相信自己，无论你是一位刚刚入门的小白，亦或是工作良久的码农，这篇文章让你对你的工作之路有所了解～
仅一个前端也可以做很多事情，在此列举一些个人也能开发的项目（不定时更新）
本文前提是你拥有
React基础, 旨在帮你用Node.js构建服务端渲染的网站。
帮助你开发博客、官网、支持SSR。
Next.js是一个React开发框架。
它为你的React应用程序提供了额外的解决方案和内置功能（包括但不限于）:
使用它你可以快速的开发React应用程序而不用去捣鼓各种开发工具。
将代码放置在尽可能靠近它所相关的地方
翻译自 Kent C. Dodds 发表的 Colocation。
我们都想拥有易于维护的代码库，因此我们开始好心好意地使我们的代码库（或代码库中属于我们的角落）可维护且易于理解。随着时间的推移，随着代码库的增长，管理依赖项（JS、CSS、图像等）可能变得越来越困难。
随着项目的增长，越来越多的代码变成“部落知识”（只有你或其他几个人知道的知识），而这种知识又导致“技术债务”（无论该术语是否准确）。
我喜欢保持我的代码库易于管理，不仅对我（编写它的人），还有我的队友、未来的维护者以及 6 个月后的我自己。我想我们大家都同意这是一个伟大的理想，我们应该在我们的代码库中去为之努力。 有很多不同的工具和技术可供我们使用来做到这一点。
react-query 基本使用介绍
使用查询
Use Query Key Factories
const todoKeys = {
all: ['todos'] as const,
lists: () => [...todoKeys.all, 'list'] as const,
list: (filters: string) => [...todoKeys.lists(), { filters }] as const,
details: () => [...todoKeys.all, 'detail'] as const,
detail: (id: number) => [...todoKeys.details(), id] as const,
}