首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
皮蛋小精灵
创建于2025-06-06
订阅专栏
经验总结
等 7 人订阅
共29篇文章
创建于2025-06-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React Router 预渲染的工作原理和价值(Pre-rendering)
核心概念解析 简单来说,预渲染 就是在构建时 (build time) ,提前将你网站的某些页面渲染成完整的静态 HTML 文件。 你可以把它想象成“预先烘焙蛋糕”: 传统客户端渲染 (CSR) :把
React Router的 ErrorBoundary 设计与最佳实践
1. ErrorBoundary 的工作机制 ErrorBoundary 是 React Router路由模块的一个特殊组件。 当某个路由的 loader、action、组件等发生错误时,React
React Router 的 handle 和 useMatches 的作用、场景和联系
1. 什么是 handle? handle 是你可以在路由模块里自定义的一个对象。 它不会影响页面渲染,也不是 React Router 内部用的“保留字段”。 它的作用是:为当前路由挂载任意自定义数
React Router v7 中的 `ErrorBoundary` 详解
🛡️ 什么是 ErrorBoundary? ErrorBoundary 是 React Router v7 中的错误边界组件,它会在以下情况下自动被调用: 路由加载失败 (loader 函数抛出错误)
React Router v7 中的 `Layout` 组件工作原理
🔍 Layout 组件的自动使用 在 React Router v7 中,Layout 组件是自动被框架调用的,你不需要手动使用它。这是一个特殊的导出约定
React 19 新特性:用 use 实现服务端和客户端组件的数据无缝协作
在 React 19 中,use 是一个新的 Hook,用于在客户端组件中直接消费由父组件(通常是 Server Component)传递下来的 Promise,同时与 Suspense 和错误边界集
React Teleporting Data(“数据传递”或“数据穿梭”)浅析
在由多个组件组成的 React 应用中,随着应用规模(组件数量、层级深度)的增加,跨组件共享状态的难度也会线性增长。这种关系源于组件层级和状态管理模式的限制。
React 中 useDeferredValue 和 startTransition 的核心区别与使用场景
React 中 useDeferredValue 和 startTransition,两者都用于优化性能,但适用场景和实现方式不同。
React 19 亮点:让异步请求和数据变更也能用 Transition 管理!
React 团队意识到,如果能将“Transition”机制(原本用于管理本地 CPU 密集型渲染任务)扩展到网络请求场景,不仅能大幅提升其应用价值,还能解决 React 长期以来在数据变更痛点。