React Router v6 完全指南：银行转账系统实战
从基础路由到嵌套布局、路由守卫、懒加载，详解 React Router v6 在银行级 SPA 应用中的完整实战，附带 Vite + TypeScript + V7 迁移指南。
Topic
React
13 篇文章，像一份单独的主题档案，按最近更新时间倒序整理。
React 与 TypeScript 深度集成实战
React 的组件本质上是数据到 UI 的映射函数。这种函数式的本质天然适配 TypeScript 的类型系统——输入（Props/State）有类型，输出（JSX）就能被类型检查覆盖。
自定义 Hook
自定义 Hook 是一个使用 use 开头的函数，内部可以调用其他 Hook。
JSX 语法完全指南
JSX 是 JavaScript 的语法扩展，允许在 JavaScript 中编写类似 HTML 的标记。它不是模板语言，而是一种 JavaScript 的语法糖。
Props 与 State - 数据流动
Props 是从父组件传递给子组件的数据。
React 简介与环境搭建
React 是 Facebook 于 2013 年开源的 JavaScript 库，用于构建用户界面。它的核心思想是组件化——将 UI 拆分为独立、可复用的 pieces，每个 piece 维护自己的状态和逻辑。
React 入门系列课程
本系列专为零基础或刚入门的开发者设计，通过系统化的学习路径，帮助你掌握 React 开发的核心技能。
TodoList 实战 - 整合所有概念
我们将构建一个功能完整的待办清单应用：
useEffect 副作用处理
副作用（Side Effect）是指那些影响 React 组件外部的操作：
useState 状态管理
本章我们学习了：
事件处理与状态更新
表单元素的 value 由 React state 控制的组件称为"受控组件"。
条件渲染与列表渲染
当条件为 false 时不渲染，为 true 时渲染内容：
组件化开发思想
组件是 React 应用的基本构建块。你可以把它想象成乐高积木——每个积木（组件）可以独立存在，通过组合形成复杂的结构（整个应用）。