lanrtop/react-phone-apps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
react-phone-apps/.blueprint/modules/routing.md
lanrtop a0929de768 chore: 初始化项目结构与蓝图 
- 配置 pnpm workspace monorepo 基础结构
- 初始化 .blueprint/ 蓝图：6 个业务模块、21 张任务卡
- 目标：Z Fold 6 折叠屏不动产物品摸底统计 App（React Native + Expo）

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-07 15:23:39 +09:00

992 B
Raw Permalink Blame History

id name area status
routing 路由与页面结构 frontend concept

概述

基于 React Router 的单页应用路由体系，含懒加载、受保护路由和移动端页面切换动画。

任务卡

💭 路由基础配置

  • status: concept
  • complexity: M
  • files: apps/app-one/src/router/index.tsx, apps/app-one/src/router/routes.ts
  • acceptance: 使用 react-router-dom v6 createBrowserRouter，配置首页和 404 页，支持代码分割（lazy + Suspense）

💭 受保护路由（需登录）

  • status: concept
  • complexity: M
  • files: apps/app-one/src/router/ProtectedRoute.tsx
  • acceptance: 未登录访问受保护路由自动跳转登录页，登录后重定向回原目标页，支持角色权限扩展

💭 移动端页面切换动画

  • status: concept
  • complexity: M
  • files: apps/app-one/src/router/PageTransition.tsx
  • acceptance: 路由切换时有 slide-in/slide-out 动画，与浏览器前进/后退方向一致，不影响首屏性能