Project Setup & Architecture

What problem does it solve?

This Skill helps bootstrap a scalable React Native/Expo project, covering architecture, TypeScript, database, state, testing, linting, and configuration.

Core Features & Use Cases

• TypeScript setup: tsconfig and strict options for robust typings.
• Directory structure: Standardized layout for app, features, shared, and db.
• Database scaffolding: SQLite + Drizzle setup for local data layer.
• State management: Zustand store pattern for app-wide state.
• Testing & Linting: Testing setup and code quality tooling.

Quick Start

Steps to bootstrap a new project:

1. Install dev dependencies for TypeScript and tooling:
   • npm install --save-dev typescript @types/react @types/react-native
2. Initialize tsconfig:
   • npx tsc --init
3. Create project structure:
   • mkdir -p src/{app,features,shared,db,theme}
   • mkdir -p src/shared/{components,hooks,utils,types}
4. Setup database (SQLite + Drizzle):
   • npm install expo-sqlite drizzle-orm drizzle-kit
   • mkdir -p src/db/{schema,migrations}
5. Setup state management (Zustand):
   • npm install zustand
6. Add testing and linting:
   • npm install --save-dev jest
   • npm install --save-dev eslint prettier