
实战:从零做一个博客管理端页面
综合前九篇,从零做出可运行的博客管理端:登录、列表、编辑、删除、主题切换,并接上真实 API 与构建部署。
RTag / #react

综合前九篇,从零做出可运行的博客管理端:登录、列表、编辑、删除、主题切换,并接上真实 API 与构建部署。

先测量再优化:理解重渲染来源,分清 React Compiler 能自动做什么,以及 memo/useMemo/useCallback 何时才值得用。

从统一 fetch 封装到 TanStack Query:QueryClient 配置、queryKey、失效与分页,把数据层从页面组件里抽出来。

用 React Router 搭出管理后台骨架:嵌套路由、布局、参数与搜索参数、鉴权守卫、404 与代码分割。

use() 与 Suspense 让异步数据有了统一的加载与错误边界:配合 ErrorBoundary、useTransition 与 lazy 做数据获取和代码分割。

React 19 的 Actions 把表单提交变成一等公民:useActionState、useFormStatus、useOptimistic 如何协作处理 pending、错误与乐观更新。

掌握 useEffect 的依赖与清理、useRef 的两种用途、useContext 与自定义 Hook,并避开闭包旧值、无限循环等常见坑。

用 useState 管理状态与表单:函数式更新、受控组件、校验与错误展示、不可变更新,做出一个可用的「新建文章」表单。

从 JSX 的编译结果讲起,掌握表达式、条件渲染、列表 key、Props 类型与 children 组合,最后用组件拆分做出一个文章卡片列表。

从安装 Node/pnpm 到跑起第一个 React 19 应用,逐项解释 Vite 脚手架的目录、脚本与 TypeScript 配置,并给出常见启动问题的排查方式。