React 19 发布了，你们用过 Suspense / Transition 吗

211 天前
 X_Del

https://react.dev/blog/2024/12/05/react-19

印象里 Suspense 和 Transition 这两个功能是 React 18 发布的。似乎 NextJS 之后，React 社区的焦点就变成了 SSR 和 RSC 。这两个功能一直没什么存在感，生态也很一般。

甚至直到现在，官方也没有说明第三方库该如何支持 Suspense：

The requirements for implementing a Suspense-enabled data source are unstable and undocumented. An official API for integrating data sources with Suspense will be released in a future version of React.

说实话这两个功能发布之后，我是一次也没用过。想问问大家用过这个两个 API 吗？体验如何？在新项目中是否会用这些 API ？

2937 次点击
所在节点    React
12 条回复
Track13
211 天前
要不是看到这个帖，我都不知道 react 19 已经发布，beta 有半年了吧。hooks 我都没有用过几个。感觉是给框架用的。
codehz
211 天前
其实 suspense 的核心就是在 render 阶段 throw 一个 promise ，只要保证 promise 的引用不变，就可以一直被 suspense 接住显示 fallback
然后 transition 就是能在下次 render 的时候 throw 另一个 promise 的时候暂时不显示 fallback 的内容（当然也可以不配合 suspense 用，单独用的情况就是可以标记里面触发的更新不应该 blocking ui ，ui 的 rerender 可以在后台完成后再展示
slert
211 天前
react 的新特性总感觉光看文档看不明白 有没有可能是往复杂的道路越走越远了
zsj1029
211 天前
越玩越花，2/8 定律，大抵是 8 成项目用不到的，不用研究
maichael
211 天前
@slert 你的感觉其实没错，从 18 开始新的特性基本都是面向 Next.js 之类的框架服务为主了。
zhw2590582
211 天前
隔了几年没用 react, 现在完全不懂这些新概念
chesha1
211 天前
用是没有用过，但是学的时候学过： https://nextjs.org/learn/dashboard-app/streaming

所以说 Suspense 的存在感不可能低的，至少新学 nextjs 的人都会学一遍，至于用不用就不一定了
NessajCN
211 天前
这个特性就是原本手搓的
const [isLoading, setIsLoading] = useState(false);

const onClick = async (e) => {
setIsLoading(true);
await some_action();
setIsLoading(false);
}

给你个 hook 省得写起来啰嗦
实用性还是有的
但要说多大革新那就想多了
原本就能轻松实现的功能
iugo
211 天前
用过 Suspense, 挺好的. 但也不是不可替代.

目前 SSR 对我们意义不大, 即便使用 Next.js, 也是当作 CRA 的替代品.
tcper
211 天前
最近做一些 css 动画，css 动画弄一个一直在那播的比较容易，但是如果想搞一个根据状态变化，播一次，保持状态，倒回来这种就非常麻烦。

react 要能解决这个问题比折腾这些 hook 强多了。
Nyeshuai
211 天前
Suspense 在根本的动态路由上就会碰到不算冷门把. Transition 项目太菜用不上. 19 的 普通 ref 和编译优化都是痛点更新，react 真没什么可挑的了，TS 指定省心框架。
iugo
211 天前
看了一下文档, 这是我们的经验总结: https://zsqk.github.io/news/2024-12-06-react-19.html

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1095491

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX