React 19 发布在即,抢先学习一下新特性

盼星星,盼月亮,终于盼来 React 19。这是继引入 hooks 之后的又一个里程碑式版本,快来抢先学习一下新版本可能发布的特性!

React Server Components引发的分歧与机遇

本文分享了近期 React Server Components(RSC)引发的技术分歧,讨论了其为前端开发带来的新机遇。

万字长文介绍React Fiber架构的原理和工作模式

本文从React Fiber架构的原理和源码入手,为你织开一面关于Fiber架构的基础知识网。

精读React hooks(十六):一个为代码优雅而生的hook——use

use 是一个能让你的代码更优雅的hook,虽然它还不是一个正式发布的 hook,但这不妨碍我们学习。

精读React hooks(十五):把useDebugValue加入你的React调试工具库

useDebugValue 是一个专为开发者调试自定义 hook 而设计的 React hook,它可以让你的 hook 在 debug 时有更友好的提示。

精读React hooks(十四):总有一天你会需要useId为你生成唯一id

在服务端渲染的应用中,在需要指定HTML节点ID的时候,我们需要确保服务端和客户端hydration后HTML可以正确合并,React v18推出的useId就是用来解决这个问题的。

精读React hooks(十三):使用useSyncExternalStore获取实时数据

useImperativeHandle是一个为库开发者设计的hook,作为一名应用开发者,你可以不用它,但有必要了解它。

精读React hooks(十二):使用useImperativeHandle能获得什么能力

useImperativeHandle提供了一种精确控制组件对外暴露的能力,有了它,开发者可以轻松实现对组件的细粒度控制和高度封装。

精读React hooks(十一):useInsertionEffect——CSS-in-JS样式注入新方式

useInsertionEffect是为CSS-in-JS库提供的一个hook,它让后者可以更合理地注入样式,本文就来介绍一下useInsertionEffect的用法和优势。

精读React hooks(十):使用useDeferredValue延迟状态更新

useDeferredValue带来的是可延迟的状态更新,当实际工作中遇到大数据量渲染的场景,不妨引入useDeferredValue试试。

精读React hooks(九):使用useTransition进行非阻塞渲染

React的默认渲染行为是同步的,遇到大数据量渲染时就会出现卡顿,使用useTransition就可以轻松把UI渲染变成异步的,让卡顿消失无踪。

精读React hooks(八):我们为什么需要useCallback

本文对 React 的useCallback钩子进行了详细的探讨,解释了其背后的原理、与useMemo的对比、合适的应用场景以及如何正确使用。