React

这是“从头学服务器组件”系列的第 3 篇文章。这次，通过添加路由，增加了博文首页列表的展示，同时为了重用代码，还抽象除了一个布局组件 BlogLayout

“从头学服务器组件”是一个系列，本文是这个系列第 1 篇，介绍 JSX 的背景、概念、使用以及实现。

预取是一种用于加快网页加载速度的技术，它在实际需要之前就在后台预先加载了内容。这样，当用户最终请求该内容时，几乎可以立即显示出来，消除了任何明显的延迟。

自定义的 React 钩子为开发人员提供了在多个组件之间提取和重用常见功能的能力。本文中，我们将探讨如何使用 React Testing Library 测试自定义的 React 钩子。

Next.js 13 引入了 Metadata API，允许我们为每个页面定义元数据，确保在共享或索引页面时显示准确的相关信息。本文中，我们将探讨如何利用 Metadata API 来增强路由元数据。

很多情况下，我们希望在应用程序中跨多个页面拥有一致的布局，例如顶部的标题和底部的页脚。随着 Next.js 版本 13 中引入布局，实现这一点变得更加容易和灵活。

路由是 Web 开发的重要组成部分，用户基于路由访问应用程序中的不同页面。Next.js 通过基于文件系统的路由机制简化了路由的创建。

这是一篇浅显易懂介绍 React 渲染机制的长文。为什么渲染列表时要用 key，其他地方却不要求加？读完本文就都懂了。放心，没有教你如何“造火箭”，只是教你如何更好地“拧螺丝“。

Next.js 中支持 3 种渲染方式：服务端渲染、静态站点渲染和客户端渲染。本文分别介绍它们的含义、区别及使用方式。

React 18 引入了并发模式，useTransition() 和 useDeferredValue() 就利用了这个特性，实现无阻塞的 UI 渲染。

Hook 是一种用于封装用户界面中状态行为和副作用的更简单方式。本文带大家实现一个简易版本的 React Hook，理解内部的工作原理。

通常，在两个差别不大的数据请求发出后，如果应用程序是根据哪个请求先完成就显示哪个数据的话，就会遇到竞态条件问题。 本文介绍 React 组件如何处理竞态条件问题。