Create Module

Name: Create Module
Rating: 65
Author: perawallet

Steps

1. Create Module Directory Structure

mkdir -p apps/mobile/src/modules/[module-name]/{components,screens,hooks,routes}

2. Create Main Screen

Create the primary screen following component folder structure:

code

apps/mobile/src/modules/[module-name]/screens/[ModuleName]Screen/
├── [ModuleName]Screen.tsx    # Named export, Screen suffix
├── styles.ts                 # makeStyles from @rneui/themed
├── index.ts                  # Barrel export
└── use[ModuleName]Screen.ts  # Screen logic hook (if needed)

3. Create Routes (if module needs navigation)

Create apps/mobile/src/modules/[module-name]/routes/index.tsx with stack navigator.

4. Register in Navigation

Update apps/mobile/src/routes/ to include the new module routes.

5. Verify

pnpm pre-push --no-fail-on-error
pnpm test