App Router 的 loading.tsx 本质是给整个路由包 Suspense,用得好首屏体验起飞,用不好就是 "闪一下骨架屏再闪一下内容"。
踩过的坑:
loading.tsx是静态的,没法根据加载进度切换。- 嵌套路由每个 segment 都可以加 loading,层级多了闪烁累加。
- 软导航和硬导航行为不一样,要分别测。
最后我们的约定:每个 segment 只在有异步数据时加 loading,fallback 用跟内容结构一致的骨架。
大家 loading 设计都怎么做的?
App Router 的 loading.tsx 本质是给整个路由包 Suspense,用得好首屏体验起飞,用不好就是 "闪一下骨架屏再闪一下内容"。
踩过的坑:
loading.tsx 是静态的,没法根据加载进度切换。最后我们的约定:每个 segment 只在有异步数据时加 loading,fallback 用跟内容结构一致的骨架。
大家 loading 设计都怎么做的?
暂时没有回复。
Related
讨论
社区讨论帖,欢迎分享你的经验和观点。
讨论
分享下我现在的日常流程,不一定最优,但用着顺手。 新功能先让它在 plan 模式下出方案,我确认后再 apply;Server Action 这种容易出错的,强制它先写一个测试用例再写实现;样式部分我手写,不让它碰 Tailwind 类名(它审美不太行)。 最后一步永远是跑 pn
讨论
把一个 Pages Router 项目分批迁到 App Router,前后折腾了快半年。最大的感受是:缓存边界和 "use client" 这两件事,文档轻描淡写,实际占了 80% 的坑。 中间遇到过几次经典翻车: 客户端组件里直接 fetch ,被默认缓存导致数据不刷新。 pa
讨论
看了不少文章,还是没完全 get 到 RSC 的核心价值。表面说是 "组件在服务端跑",但 SSR 不也能在服务端跑组件吗? 我自己理解下来,主要差在两点:RSC 是 "按组件粒度" 决定跑在哪,并且它能直接访问数据源,不用再走一层 API。组件树里零 JS 下发到客户端这点确实