🎨前端 / Web·
Motion + 动画设计实战：现代 Web 交互动效完整指南 2026
Motion（原 Framer Motion）是 2026 年最流行的 React 动画库。本文从 0 到生产级交互动效，含 4 个实战项目 + 性能优化 + AI 动画 + 设计令牌。
MotionFramer Motion动画
🎨前端 / Web·
React 19 实战：从 Server Components 到 Server Actions 完整指南
React 19 是前端框架的"分水岭"——Server Components 让前端从"CSR + API"转向"RSC + Actions"。本文从 0 到生产级 RSC 实战，含 4 个真实项目 + 性能对比。
ReactServer ComponentsServer Actions
🎨前端 / Web·
React Server Components 实战：从 0 到 1 重构电商首页
我们用 React Server Components 把电商首页 LCP 从 4.2s 降到 1.1s，本文分享完整迁移路径和踩坑记录。
ReactRSCNext.js
🎨前端 / Web·
Next.js 16 App Router 最佳实践：10 条核心规则
Next.js 16 + App Router 的最佳实践清单。本文提炼 10 条核心规则，帮你避免常见坑，让项目结构更优雅。
Next.jsApp RouterReact
🎨前端 / Web·
React 19 + Server Components 实战：完整迁移指南
React Server Components 在 2026 年已经成熟。本文用真实电商项目演示从 Pages Router 到 App Router + RSC 的完整迁移。
ReactRSCNext.js
🎨前端 / Web·
shadcn/ui 实战：复制即用的现代 React 组件库
shadcn/ui 不是传统组件库，而是"代码即组件"的新范式。本文演示从 0 到生产的实战。
shadcnReact组件库
🎨前端 / Web·
React 19 稳定版特性：Actions、useOptimistic、Server Functions
React 19 引入 Actions / useOptimistic / Server Functions。本文从源码角度解读新特性，及从 18 迁移的注意事项。
ReactReact 19Actions