一篇走完 React 学习全路径：开发环境搭建避坑、JSX/Hooks 核心语法、单向数据流心智模型、六个真实踩坑故事（state 异步、useEffect 死循环、stale closure 等）、底层原理（虚拟 DOM Diff、Fiber 架构、渲染两阶段、Hooks 链表实现、批量更新）、主流 UI 组件库选型对比、Todo 完整 Demo，以及 AI 时代如何用「描述需求 + Review 代码」的方式少写代码完成 APP 开发。

一条被无数人验证过的前端成长路线：先吃透 JavaScript 的执行模型与异步，再用 TypeScript 给代码上保险，最后用 Vue 3 的 Composition API 组织真实项目。附大量 Mermaid 图解、踩坑故事和可运行的 Demo。

介绍我用 Cocos Creator 2.3.4 + JavaScript 开发并开源的餐厅经营放置小游戏《princes》：顾客自动上门、排队等位、A* 寻路点餐、点击收金币、解锁食物家具顾客的完整循环，以及手写 A* 跨屏寻路、自研虚拟列表 ListView、餐桌排队模型、运行时程序化动画等技术实现细节。

从动作系统、输入事件、Vec2 向量、场景管理、音效、资源加载到摄像机跟随，系统整理 Cocos Creator 2.x 开发中的高频 API 与实战经验，配合图例与大量避坑指南。