前言​

自从 React Hooks 出来以后, 我也全面转向了 Hooks 的怀抱, 也可能是因为大量的文章开始鼓吹 -_-!

在之前，全局状态管理并不像今天这样。我清楚地记得有一段时间，在高阶组件中的状态管理最佳选择是使用Redux, connect 加上 mapStateToProps 和 mapDispatchToProps。

到如今，Hooks 出现后一切都变了。不仅现有的解决方案变得更容易使用，而且新的解决方案也诞生了。

很多前端同学都会问自己的一个问题 —— 没有后端的前端能干什么?

对于这种问题，我的回答是：能做很多事情！你的时间远远不够！

别再自我焦虑​

如果说你坚持认为没有后端你就啥也做不了，那么请你现在立刻马上去学习后端相关知识!

相信自己，无论你是一位刚刚入门的小白，亦或是工作良久的码农，这篇文章让你对你的工作之路有所了解～

仅一个前端也可以做很多事情，在此列举一些个人也能开发的项目（不定时更新）

本文前提是你拥有 React 基础, 旨在帮你用Node.js构建服务端渲染的网站。
帮助你开发博客、官网、支持SSR。

NextJs是什么？​

Next.js是一个React开发框架。

它为你的React应用程序提供了额外的解决方案和内置功能（包括但不限于）:

• 直观的、 基于页面 的路由系统（并支持 动态路由）
• 预渲染。支持在页面级的 静态生成 (SSG) 和 服务端端渲染 (SSR)
• 自动代码拆分，提升页面加载速度
• 具有经过优化的预取功能的 客户端路由
• 内置 CSS 和 Sass 的支持，并支持任何 CSS-in-JS 库
• 开发环境支持 快速刷新
• 利用 Serverless Functions 及 API 路由 构建 API 功能
• 完全可扩展

使用它你可以快速的开发React应用程序而不用去捣鼓各种开发工具。

将代码放置在尽可能靠近它所相关的地方
翻译自 Kent C. Dodds 发表的 Colocation。

我们都想拥有易于维护的代码库，因此我们开始好心好意地使我们的代码库（或代码库中属于我们的角落）可维护且易于理解。随着时间的推移，随着代码库的增长，管理依赖项（JS、CSS、图像等）可能变得越来越困难。

随着项目的增长，越来越多的代码变成“部落知识”（只有你或其他几个人知道的知识），而这种知识又导致“技术债务”（无论该术语是否准确）。

我喜欢保持我的代码库易于管理，不仅对我（编写它的人），还有我的队友、未来的维护者以及 6 个月后的我自己。我想我们大家都同意这是一个伟大的理想，我们应该在我们的代码库中去为之努力。 有很多不同的工具和技术可供我们使用来做到这一点。

react-query 基本使用介绍

useQuery​

使用查询

• queryKey 查询键 查询键必须是可序列化的 只要键改变，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,
}

相信复联4的热度也应该过了，今天我来聊天复联4的观影感受以及我对漫威系列电影的一些看法。

当然我并不是一名合格的漫威迷，对漫威系列电影的一些细节也不是很了解，更没看过漫画。我只想说说做为一名普通的观电影者的感受。

我是如何喜欢上漫威电影的​

我看的第一部漫威电影就是《钢铁侠》，记得还是在上大学的时候。那种感觉就像是小时候看的变形金刚变成真人了。人与机器居然能结合的那么天衣无缝，简直酷毙了。这全要归功于托尼这个角色的设计。

托尼·史塔克是一名企业家、天才发明家兼极度自恋的花花公子
——单是这描述就能让大多数人惊叹不已了。

但是他身上却有着更重要的一样东西，反复看过几遍钢铁侠后你会发现托尼身上有一种人类理性的闪光点。