Blog

光线折射仿真：透镜边缘形状对光线传播的影响

通过交互式 SVG 动画展示不同透镜边缘形状（凸透镜、凹透镜等）对光线折射与聚焦效果的影响，深入理解光学原理

用交互动画理解折射角 (Snell 定律可视化)

通过交互式 SVG + Motion 动画，动态展示光线从一种介质进入另一种介质时的折射关系与全反射现象

React 19：useDeferredValue 实战与可视化指南

Timeline 演示效果分析与实现

Sandpack 代码演示组件

使用 Sandpack 创建交互式代码演示，支持在线编辑和实时预览

公共Playground组件演示

展示如何在不同的 post 中使用公共的 CustomSandpackPlayground 组件

Zustand 状态管理在 MDX 中的应用

展示如何在 MDX 中使用 Zustand 进行全局状态管理，包括购物车、主题切换、实时聊天等实际应用场景

MDX 交互式组件示例

展示如何在 MDX 中使用交互式 React 组件，包括计数器、实时图表、动画效果等

样式综合测试 Style Demo