陌上寒

React 测试的核心思想是「像用户一样测试」——用 Testing Library 按「角色/文本」查元素、用 userEvent 模拟真实交互、断言「用户能看到什么」，而不是断言「组件内部的实现细节」。

赞(0)陌上寒2026-10-1710-工程化与生态 阅读()去评论

主流方案有四种——CSS Modules（无运行时、作用域隔离）、Tailwind（原子化、无运行时）、CSS-in-JS（有运行时开销）、普通 CSS/Sass（需自己管命名）；

赞(0)陌上寒2026-10-1710-工程化与生态 阅读()去评论

React + TS 的核心是「把 props、事件、children、ref 的类型写准」——基础组件要 extends React.XxxHTMLAttributes 才能透传原生属性，容器组件用泛型让类型跟着数据走。

赞(0)陌上寒2026-10-1710-工程化与生态 阅读()去评论

SPA 项目用 Vite（开发极快、原生 ESM、生态成熟），需要 SEO/SSR/全栈能力用 Next.js，CRA 已停止维护不要再用；构建阶段关心的是「依赖预构建、HMR、产物优化、环境变量」。

赞(0)陌上寒2026-10-1710-工程化与生态 阅读()去评论

部署形态决定了「你的代码能做什么」——静态托管没有服务端、Serverless 有冷启动与执行时间限制、容器要自己管伸缩、Edge 有 API 白名单；而工程上的关键是「产物形态（standalone）、环境变量的构建期/运行期区分、健康检查与优雅关闭、以及可回滚」。

赞(0)陌上寒2026-10-1709-服务端渲染与框架 阅读()去评论

Server Actions 的本质是「一个自动生成的 POST 端点」——所以它最容易被误解的地方是「它没有任何隐式安全」：必须自己鉴权 + 自己校验参数 + 自己防 CSRF；而它的真正价值是「用「函数调用」的写法拿到『渐进增强的表单提交 + 自动重新验证 + 乐观更新』」。

赞(0)陌上寒2026-10-1709-服务端渲染与框架 阅读()去评论

Next.js 的缓存难点不在「有哪些缓存」，而在「四层缓存各自的『生命周期』与『失效方式』不同」——所以「为什么我的数据不更新」与「为什么每次都重新请求」这两个问题，答案都在「你踩到了哪一层」。

赞(0)陌上寒2026-10-1709-服务端渲染与框架 阅读()去评论

Edge Runtime 不是「Node.js 的另一个版本」，而是「一个基于 V8 isolate 的、只有 Web 标准 API 的轻量运行时」——它的价值是「冷启动 5ms 级 + 就近部署」，而它的约束（没有 fs/net/childprocess、内存与 CPU 时间受限、不保证实例存活）…

赞(0)陌上寒2026-10-1709-服务端渲染与框架 阅读()去评论

SEO 的四根支柱是「可抓取的内容（SSR/SSG）、准确的元数据（title/description/OG）、结构化数据（JSON-LD）、以及「Core Web Vitals 性能」；Next.js 的 metadata API 让元数据可以「声明式 + 动态」生成。

赞(0)陌上寒2026-10-1709-服务端渲染与框架 阅读()去评论

传统 SSR 必须「等所有数据就绪才返回 HTML」，流式渲染（Streaming SSR）改成「先把外壳（shell）发给浏览器，慢的部分用 Suspense 占位、数据就绪后再流式补上」——从而改善 TTFB 与首屏可见时间。

赞(0)陌上寒2026-10-1609-服务端渲染与框架 阅读()去评论