框架与平台

Next.js 并行路由与拦截路由最佳实践

引言并行路由(Parallel Routes)支持在同一布局下渲染多个路由片段;拦截路由(Intercepting Routes)允许在当前页面“拦截”导航内容,用模态或抽屉等方式替代完整跳转。核心能力(已验证)并行路由:使用路由片段(如 `@feed`, `@modal`)在同一布局内并行渲染多个

Next.js 数据缓存失效(revalidateTag-revalidatePath)实战

引言在 App Router 下,Next.js 的 Data Cache 提供页面与组件级的缓存;使用 `revalidateTag`/`revalidatePath` 可在服务端动作或接口路由中精准触发失效与刷新。能力与用法(已验证)revalidateTag:为数据请求设置 tag 并在变更后

React 19 useDeferredValue 与列表性能优化

引言在输入/筛选等交互与大列表渲染竞争时,`useDeferredValue` 通过降低次要更新优先级,保持核心交互的流畅与可用。能力与用法(已验证)`useDeferredValue(value)`: 返回延迟版本的值,将依赖该值的渲染置于较低优先级,避免阻塞紧急更新(输入、导航)。来源:Reac

React 19 正式版新特性与迁移指南

引言React 19 引入多项面向开发者体验与维护性的更新;官方提供升级指南与代码迁移工具。适用场景:已有 React 18 项目计划升级到 React 19,或新项目希望直接采用 React 19。核心新特性与变化(已验证)Codemod 升级支持:官方与 codemod.com 合作,提供 `r

Supabase Edge Functions 图像生成管线(生成-存储-变体)

引言在生成式图像场景中,需要端到端管线:生成→存储→变体与分发;Supabase 提供 Edge Functions 与 Storage 变体以实现高效与安全的交付。管线设计(已验证)生成阶段:Edge Functions 调用模型或外部 API 生成图像,执行鉴权与速率限制。来源:Supabase