首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
react开发
大布布将军
创建于2025-12-01
订阅专栏
本专栏收录作者关于React库开发的相关经验。 包括:react知识点、原理、设计模式、项目实战、案例分析、代码心得整理等
等 6 人订阅
共16篇文章
创建于2025-12-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
还在用 FTP 传文件?只要一次 Git Push,让你的应用跑在全球边缘节点上
前言:最后的“最后一公里” 兄弟们,经过前面十几篇文章的狂轰滥炸,我们终于走到了这一步。 我们搞定了 React 状态管理,重构了复杂的表单,用 Next.js 实现了 SSR。。。
骗过用户的眼睛:如何用 react-window 渲染 10 万条数据,让浏览器不再假死
前言:当浏览器变成暖手宝 接上回。咱们用 React Hook Form 搞定了复杂的表单校验,用户终于能开心地录入数据了。 但没过两天,后端老哥一脸坏笑地跑来找你:“兄弟,那个日志监控台...
跟“白屏”说拜拜:用 Next.js 把 React 搬到服务器上,Google 爬虫都要喊一声“真香”
前言:除了你,没人愿意对着空白屏幕发呆 接上回。咱们用虚拟滚动把 10 万条数据治得服服帖帖。现在你的应用在渲染出来之后,性能确实很顶。 但是,有一个更尴尬的问题摆在面前:首屏加载....
别再写 API 路由了:Server Actions 才是全栈 React 的终极形态
前言:一种名为“胶水代码”的疲惫 接上回。咱们用 Next.js App Router 和 Server Components 实现了服务端直接读数据库。
“受控组件”的诅咒:为什么你需要 React Hook Form + Zod 来拯救你的键盘?
前言:你的手指累吗? 上一篇咱们聊了把 Tabs 状态放进 URL 里,这就好比给了你的应用一个“身份证”,走到哪都在。 但在这个 Tab 下面,往往藏着前端开发最大的噩梦——表单。
拒绝“健忘症”:把 React 状态同步到 URL 里,让你的应用拥有“记忆”
前言:一个关于“链接失效”的悲伤故事 接上回。你用复合组件模式重构了 Tabs 组件,代码优雅得像首诗。你把它部署上线,发给了产品经理(PM)。 PM 点开链接,切换到“系统设置” Tab,然后...
你的组件 API 为什么像个垃圾场?—— React 复合组件模式 (Compound Components) 实战教学
前言:一种名为“配置地狱”的组件 接上回。咱们用 React Query 把服务端状态剥离了,用 Context 把全局状态理顺了。现在你的数据流很干净。 但是,当你打开 components 文件夹
别把 API 数据塞进 Context 里:React 状态管理的“分家”指南
前言:外表光鲜,内里一团糟? 接着上一篇聊。咱们用 Vite 秒开了项目,用 Tailwind 把界面画得像模像样。现在的你,看着浏览器里那个漂亮的 Dashboard,是不是心里美滋滋的?
别让你那 5MB 的 JS 文件把用户吓跑:React 代码分割(Code Splitting)实战指南
前言:你的网页为什么像个吃撑了的胖子? 兄弟们,咱们先看一眼你们项目的 build 产物。 是不是有个 index.js 或者 main.js,体积高达 2MB、3MB 甚至更大?
你的代码在裸奔?给 React 应用穿上“防弹衣”的保姆级教程
你以为写好代码就万事大吉了吗?生产环境是残酷的,用户是不可预测的。 接口会挂,数据会空,JS 会报错,很多兄弟写代码有个坏习惯:在自己电脑上(Localhost)跑通了,就觉得万事大吉了
“求求你别在 JSX 里写逻辑了” —— Headless 思想与自定义 Hook 的“灵肉分离”术
一种名为“组件肥胖症”的绝症的由来,各位看官经过前几篇的洗礼,你已经学会了用 useRef 逃生,用 Context 拆分状态,用 Composition 组合组件。
别再给组件“打洞”了:这才是 React 组件复用的正确打开方式
前言:一种名为“透传焦虑”的怪病 接上回。很多兄弟在说:“我也想把 Redux 删了,但是我组件层级太深了啊!我不把数据放在 Store 里,难道要我把 user 属性从爷爷传给爸爸,爸爸传给儿子..
删掉你的 Store 文件夹:为什么 90% 的前端项目都在“过度设计”状态管理?
如果你是一个入行超过 5 年的前端,你一定有过这种经历: 新起一个项目,create-react-app (或者 Vite) 刚跑完,还没写第一行业务代码,你就习惯性地开始安装 `redux`....
拒绝“无效焦虑”:为什么你 80% 的 useMemo 都在做负优化?
前言:一种名为“Hook 强迫症”的病 昨天 Code Review,看到刚入职的小伙子提交了一段代码,差点一口老血喷在屏幕上。 他写了一个简单的 <button onClick=~~~
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主
前言:它不仅仅是 document.getElementById 如果去面试 React 开发岗位,问到 useRef 是干嘛的,90% 的候选人会说:“用来获取 DOM 元素
useEffect 戒断指南与“鬼畜”的双重请求之谜
author: 大布布将军 前言:午夜惊魂 Network 面板 假设前端同学==A 继上周改完 Context 的 Bug 后,A这周又遇到了新的灵异事件。 场景很经典:A写了一个简单的详情页,页面