前文回顾:# 🔥🔥🔥念头通达：手把手带你学next+tailwind（一） 缓存配置 next缓存分为请求记忆、数据缓存、完整路由缓存、路由缓存。其中前三种都是针对服务端组件的，只有路由缓存是针对客户

问题起因是我想给自己博客页面切换时加一个进度条。在这方面有非常成熟的库 NProgress，但是问题是，Next 13 版本以后推出的 App Router 模式并没有给出监听路由切换的 API。

之前讲过 `next.js` 中的 `getServerSideProps`，今天来讲一讲另一个很类似的 `API`：`getStaticProps`，以及和 `getStaticProps` 紧密相

在前端开发中，交互功能看似简单，但背后往往隐藏着一些容易被忽视的细节问题。最近在开发一个响应式页面时，我遇到了一个典型的“点击图标能打开弹窗，却无法关闭”的问题。经过一番排查，最终发现问题的根源

1 写在前面 React 源码里的概念实在是太多了，以至于如果真的要能完全理解源码的话，我们就不得不提前了解一部分知识，不然看源码的时候完全就是抓瞎。 2 Fiber 2.1 为什么要有 Fiber

集成国际化功能还可以帮助我们向全球更广泛的观众推广产品和服务，同时提高用户体验。根据这篇文章进行配置，相信你可以获得一个相对舒服的国际化开发体验。

父组件将一个 【值】 传递给子组件，若父组件的其他值发生变化时，子组件也会跟着渲染多次，会造成性能浪费； useMemo是将父组件传递给子组件的值缓存起来，只有当 useMemo中的第二个参数状态变化

`useCallback` 接收一个函数和一个依赖项数组作为参数，然后返回一个 memoized 版本的函数。如果依赖项数组中的任何一个依赖项发生更改，则 `useCallback` 会返回一个新的函

import Foo from ".import Bar from ".2.2.2.4.import { useParams } from “react-router-dom”; export default function Foo() { const params = use...