Posts tagged with "React"

前端重构，小步快跑

保留 action 和 state 契约，用兼容入口逐步迁移，避免同时重写全部状态逻辑。

React 页面卡顿：用 Performance 找到重复计算

用可导入 Performance 面板的 trace 观察一次人工构造的卡顿。

用 Babel 和 iframe 实现 React 单文件组件预览

完整实现 JSX 转换、组件渲染、执行状态与错误展示。

AI 生成代码的预览方案：HTML、React 组件和完整项目

从生成内容的格式出发，比较 iframe、浏览器编译和项目运行环境的用途。

Next.js 流式 SSR：页面内容如何分批返回

用 Suspense 和一个慢组件观察 HTML 输出顺序，以及页面显示和交互的区别。

用 Next.js 实现流式接口，React 中逐步显示返回内容

从聊天页面的逐步输出开始，实现流式响应、分块解析和请求取消。

大文件切割后，完整性传输确认

用 React 和 Node 做分片上传，检查乱序、重复请求、缺块和 SHA256。

基于 rsbuild 快速集成 Sentry 流程

基于 rsbuild 快速集成 Sentry 流程

固定高度虚拟列表应用

从可见范围、占位高度和 overscan 开始，并验证顶部与最后一行。

Context 里的颜色没变，为什么组件还是更新了

比较 Provider value 的引用稳定性，并把父组件更新这个变量隔开。

ref 应用场景：读取异步回调的值

用聚焦和延迟回调比较渲染快照与最新值，说明 ref 不触发界面更新。

React Function组件 useEffect 多次执行原理

用定时器观察 StrictMode、依赖变化和卸载，不用 ref 隐藏重复执行。

观察 Redux 中间件里的 dispatch 和 next

用 thunk 和 logger 观察普通 action、函数 action 和 Promise 返回值。