React 18+React Router 6入门示例
React 18 的并发特性加上 React Router 6 的嵌套路由，用来做一个小型 SPA 项目，挺顺手的。这个 demo 的结构也比较清晰，页面跳转流畅，代码还算干净，适合你刚上手 React 时练练手。
React 的渲染机制在 18 之后变化挺大，比如startTransition这种后台更新的方式，能提升复杂页面的交互体验。而且它的automatic batching也帮你省了不少性能优化的功夫，状态更新基本都能自动合并，响应也快。
React Router 6 就更适合函数组件了，像useNavigate、useParams这些 Hook 配合用，写法比老版本简洁多了。路由配置也更组件化，写起来就像写 JSX 一样，逻辑一目了然。
项目里应该能看到一个App组件作为入口，里面配好了基础的useRoutes路由，还有几个简单页面做示例。你可以试着改改路由跳转，或者自己加个页面，看下嵌套路由怎么跑的。
不过如果你之后打算继续深入，像Context状态管理、组件懒加载、错误边界这些也得慢慢了解下。React 生态一直在变，但这些基础打牢了，升级版本也不会太吃力。
如果你是第一次接触 React，可以用这个 demo 练下项目结构、路由切换和基本的组件拆分；如果你有点基础了，也可以直接拿来改，做个后台管理页练练手。别光看，动手写一遍，印象更深。
文件大小：84.68MB
评论区