大家好，我是 Chiko。
React 19 已经逐渐走入开发者的视野，新的特性让人兴奋，但也让不少新手开发者困惑：
- 该从哪里学起？
- 怎么才能在真实项目里实践最新技术栈？
- 文档里说得很抽象，我能不能通过源码来学？
于是我决定写两个开源项目，既能帮我自己梳理知识，也能给想学习的朋友提供一份最新 React 技术实践手册。
它们是：
- ChikoAdmin —— 基于 React 19 的中后台管理系统模板。
- BetterPagesCreate —— 基于 Vite 的约定式路由插件。
这两个项目并不是“你必须拿去用的生产项目”，而是更推荐大家作为 学习案例 来看。
通过它们，你能快速接触到 最新的 React 全家桶 + 工程化实践。当然，如果直接拿去使用也完全没问题！
ChikoAdmin：中后台系统的学习型案例
写中后台系统是前端开发绕不开的课题。权限系统、主题切换、响应式布局……这些都是企业常见需求。
所以我在 ChikoAdmin 里，把这些功能做了一个完整示例。
在这里你能学到：
- React 19 新特性：并发渲染、最新的 Hooks 用法。
- 工程化最佳实践：Vite 7 + TypeScript 5 + UnoCSS。
- UI 开发：Ant Design 5 的最新用法，快速构建表格、表单、布局。
- 状态管理：Redux Toolkit 现代写法，简洁高效。
- 权限系统：角色权限 + 菜单权限的设计。
- 响应式布局：一套代码同时适配 PC 和移动端。
快速体验
git clone https://github.com/chen-ziwen/chiko-admin.git
cd chiko-admin
pnpm install
pnpm dev
👉 在线 Demo：chiko-admin.vercel.app
BetterPagesCreate：约定式路由与 Vite 插件开发
路由配置是大型项目的“噩梦”，特别是手动维护 routes.ts 的时候。
于是我写了 BetterPagesCreate，它的定位是 “学习路由思想 + 插件开发” 的案例。
在这里你能学到：
- 约定式路由思想：目录结构 → 自动生成路由。
- React Router 7 用法：嵌套路由、动态路由
[id].tsx。 - 热更新机制：文件变化 → 自动更新路由表。
- TypeScript 类型安全：自动生成路由类型，避免写错路径。
- Vite 插件开发：学习如何写一个插件，从文件监听到配置注入。
安装方式
pnpm add @better-pages-create/react-router
👉 项目地址：github.com/chen-ziwen/…
学习导图：技能树一览
下面这张图，就是我总结的 “从两个项目里能学到什么” 的导图。
无论你是刚接触 React 的新手，还是想研究 Vite 插件的进阶开发者，都能找到适合的学习点。
❤️ 最后的话
如果你觉得这些内容对你有帮助：
- 欢迎 点赞 支持一下，让更多人看到。
- 也可以去 GitHub Star ⭐ 我的项目，这会给我很大动力。
👉 ChikoAdmin 👉 BetterPagesCreate
让我们一起在 React 19 的时代，边写边学，不断进步！
