my-rn-project/
├── tests/ # 自动化测试文件 (Jest)
├── android/ # Android 原生工程代码
├── ios/ # iOS 原生工程代码
├── assets/ # 全局静态资源 (通常由 App 打包或原生引用的字体、启动页等)
│ ├── fonts/ # 自定义字体
│ └── images/ # 原生引用的图片
├── src/ # 前端核心源码目录
│ ├── api/ # 网络请求统一封装 (Axios/Fetch 实例、拦截器)
│ ├── components/ # 全局通用 UI 组件 (原子组件,如 Button, Input)
│ ├── constants/ # 全局常量 (如 config, theme, theme, standard layout)
│ ├── hooks/ # 全局自定义 React Hooks (如 useAuth, useDebounce)
│ ├── navigation/ # 路由与导航配置 (React Navigation)
│ ├── store/ # 全局状态管理 (Redux Toolkit / Zustand / MobX)
│ ├── types/ # TypeScript 类型定义 (.d.ts 或 ts 类型)
│ ├── utils/ # 工具函数 (日期处理、加解密、格式化)
│ └── features/ # 核心业务模块 (按功能拆分,中型项目灵魂所在)
│ ├── auth/ # 认证模块 (登录/注册/忘记密码)
│ │ ├── components/# 该模块独有的组件
│ │ ├── hooks/ # 该模块独有的 hooks
│ │ ├── screens/ # 该模块的页面 (LoginScreen.tsx)
│ │ └── authSlice.ts
│ ├── home/ # 首页模块
│ └── profile/ # 个人中心模块
├── .env.development # 开发环境环境变量
├── .env.production # 生产环境环境变量
├── App.tsx # 应用根组件 (Provider、路由入口)
├── index.js # App 注册入口文件
├── package.json # 依赖管理
└── tsconfig.json # TypeScript 配置

发表回复