标签: React

两次白屏让我长记性：一次是后端改字段名，一次是 URL 参数被微信吞掉。本文记录我如何用 Zod 给页面加验证，降低崩溃率的过程。

通过一个SVG 缩放问题，深入分析 AI 编程辅助工具的局限性，以及为什么关键技术问题仍需要人工深度分析。记录了从 AI 多次尝试失败到最终手动定位根本原因的完整过程。

记录我在AI助手帮助下，从双重认证系统冲突到统一NextAuth.js架构的完整重构过程。深入分析需求不明确导致的技术债务，以及如何通过系统性诊断和架构重设计彻底解决认证状态管理问题。

深入分析AI辅助开发过程中产生的典型技术问题，包括状态管理混乱、异步调用错误、类型安全缺失等，并提供系统性的重构方案和最佳实践指南。

详细记录了 Digital Nomad Toolkit 应用的全面性能优化重构过程，包括数据加载策略简化、现代化 Loading 组件实现、缓存策略优化等关键技术问题的解决方案，最终实现了首屏加载时间从10+秒减少到3秒以内的显著提升。

深度记录一个困扰一周的技术难题：Next.js项目中集成Mermaid图表缩放功能时，React虚拟DOM与svg-pan-zoom命令式DOM操作产生根本冲突。通过Playwright MCP自动化调试工具最终发现问题根源，并采用iframe沙箱方案彻底解决。本文详细分析踩坑过程、技术选型思考，以及浏览器自动化工具在复杂前端问题调试中的价值。

详细记录博客系统中有序列表渲染异常的完整排查和修复过程，包括问题定位、根因分析、修复方案选择和实施验证，为类似的Markdown渲染问题提供系统性解决思路。

记录MermaidFlow项目中右侧Mermaid预览区域高度不匹配的完整调试过程。从使用Playwright进行页面检查、错误的初始判断，到最终精确定位iframe固定高度问题并实施修复的技术实战经验。

记录博客系统中代码块内容错位显示的完整排查和修复过程，从Playwright自动化测试发现问题，到采用分阶段内容块处理方案彻底解决，包含根因分析、市场调研和最佳实践总结。

详细记录将博客系统中自定义正则表达式解析器重构为基于remark的成熟方案的完整过程，包含技术选型分析、实现细节、问题排查和Playwright验证，为同类项目提供实战参考。

记录为个人博客添加目录功能的完整开发过程，包括技术选型、实际代码实现和遇到的问题解决。基于 Next.js + TypeScript + Intersection Observer 的实战经验。

本文将带你从零开始学习Next.js，了解其核心概念和最佳实践，构建你的第一个现代Web应用。

深入探讨React Hooks的最佳实践，包括性能优化、自定义Hook设计等高级技巧。