可观测学堂

可观测技术指南

从概念、接入到生产治理,提供可执行、可验证的工程方法。

Web 构建模块与工具协作插画
技术指南

React Server Components:DoS 与源码暴露修复检查

梳理 RSC 的 DoS 与源码暴露公告,区分最初补丁和后续修复,说明依赖检查、回归测试与线上观察的重点。

Web 构建模块与工具协作插画
技术指南

React2Shell:受影响范围、补丁与排查顺序

说明 React2Shell(CVE-2025-55182)的 RSC 影响范围,如何核对依赖、升级受支持补丁线,以及用运行日志辅助事件排查。

Web 构建模块与工具协作插画
技术指南

Remix 3 解读:告别 React 之后的全栈新方向

Remix 3 做出激进决策:放弃 React 底座,自研响应式系统。本文解读新组件模型、组件与事件组合 API与全栈架构的变化。

类型结构与组件组合插画
技术指南

TypeScript 剩余参数与展开语法详解

剩余参数收集任意数量实参,展开语法把数组/对象铺开。TypeScript 让两者全程类型安全。本文讲解可变参数函数、数组对象展开与类型推导。

Web 构建模块与工具协作插画
技术指南

Rspack 入门:Webpack 兼容的 Rust 极速打包器

Rspack 用 Rust 重写 Webpack:强调构建或检查效率,具体收益需在项目中测量且生态兼容。本文讲解项目搭建、开发模式、资源处理与配置定制。

类型结构与组件组合插画
技术指南

TypeScript satisfies 运算符:校验与推导兼得

satisfies(TS 4.9+)让值在保持精确推导类型的同时满足类型约束。本文讲解它解决的类型拓宽问题与配置对象类型安全的实战模式。

应用接口与数据存储连接插画
技术指南

Sequelize ORM 入门指南

Sequelize 是 Node.js 老牌 ORM:支持 PostgreSQL/MySQL/SQLite/MSSQL,模型即 JS 类。本文走完模型定义、增删改查与关联全流程。

事件循环与异步任务流转插画
技术指南

GitHub Storybook 性能面板:组件级性能左移测试

GitHub 开源的 Storybook Performance 插件把性能测试左移到组件开发阶段:帧耗时、输入响应、布局稳定性、内存压力在 Storybook 中实时可见。

事件循环与异步任务流转插画
技术指南

StyleX 解读:Meta 的可扩展 CSS 方案

StyleX 是 Meta 为超大规模应用打造的 CSS 方案:写起来像 CSS-in-JS,产物是原子化静态 CSS。本文讲解编译器哲学、API、类型安全设计系统与主题机制。

事件循环与异步任务流转插画
技术指南

Superstruct 入门:轻量 TypeScript 数据校验

Superstruct 是简洁的 TS 校验库:结构即 Schema,错误信息清晰。本文讲解基础 Schema、进阶校验与错误处理。

Web 构建模块与工具协作插画
技术指南

SvelteKit 和 Next.js 对比:编译期魔法与生态帝国

SvelteKit 用编译期方案生成更小的包,Next.js 用 React 生态提供最全的能力。本文从学习曲线、性能、状态管理、路由与部署全面对比。

Web 构建模块与工具协作插画
技术指南

SWC 替代方案盘点:6 大 TS 编译工具

SWC 之外的选择:esbuild、tsc、Bun、Vite、Babel、tsx 各有擅长。本文按场景盘点 6 大替代方案。