💻

编程开发

从代码到产品，探索编程的艺术与科学。记录我的开发经验、技术学习和项目实践。

技术栈

从前端到后端，从工具到架构，全面掌握现代软件开发技术。

⚛️

React 生态

React、Next.js、状态管理等现代前端框架与工具的使用经验。

🔷

TypeScript

TypeScript 类型系统、泛型编程与大型项目的类型安全实践。

🎨

UI 框架

Chakra UI、Tailwind CSS 等现代 UI 框架的设计与实现技巧。

🏗️

前端架构

组件设计、状态管理、模块化架构等前端工程化实践。

⚡

构建工具

Vite、Webpack、ESBuild 等现代构建工具的配置与优化。

🔧

开发工具

VS Code、Git、调试工具等开发环境配置与效率提升技巧。

开发流程

从需求分析到产品上线，探索我的软件开发工作流程。

📋

需求分析

理解业务需求，制定技术方案，设计系统架构。

🎨

界面设计

设计用户界面，制定设计系统，确保用户体验。

⚙️

编码实现

编写高质量代码，遵循最佳实践，注重代码可维护性。

🚀

测试部署

全面测试，持续集成，自动化部署，确保产品质量。

相关文章

探索编程开发相关的博客文章，深入了解前端工程的技术实践。

2025/10/7

用 Zustand 组织文档页状态：UI、数据与分页的三段式分离

把 UI 状态、数据状态与分页状态分层管理，避免副作用与渲染风暴。

阅读文章
2025/10/7

在 React + Chakra UI 中实现文件夹拖拽排序与分页管理：一个内部系统的实战案例

使用 React、Chakra UI 与 dnd-kit 实现文档管理模块的架构设计、拖拽排序、分页与踩坑记录，并介绍 Vite mock 与 Option/Result 风格的错误处理。

阅读文章
2025/10/7

用 Rust 風格 Option/Result 改善 React 錯誤處理（含實戰代碼）

在 React + TypeScript 專案中，引入 Rust 風格 Option/Result 來統一空值與錯誤分支處理，提升可讀性與可測試性。

阅读文章
查看更多编程文章
"代码是写给人看的，只是恰好能在机器上运行。"

— 编程哲学