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:
- Install dev dependencies for TypeScript and tooling:
- npm install --save-dev typescript @types/react @types/react-native
- Initialize tsconfig:
- Create project structure:
- mkdir -p src/{app,features,shared,db,theme}
- mkdir -p src/shared/{components,hooks,utils,types}
- Setup database (SQLite + Drizzle):
- npm install expo-sqlite drizzle-orm drizzle-kit
- mkdir -p src/db/{schema,migrations}
- Setup state management (Zustand):
- Add testing and linting:
- npm install --save-dev jest
- npm install --save-dev eslint prettier