monorepo-tamagui

mindrally

•

6155 months ago

Source Raw

Monorepo development guidelines using Tamagui, Turbo, Next.js, Expo, Supabase, and cross-platform best practices.

Quick Install

npxskills add mindrally/skills--skill monorepo-tamagui

Instructions

Monorepo using Tamagui

Expert developer guidelines for building cross-platform applications with TypeScript, React, Next.js, Expo, Tamagui, Supabase, Zod, Turbo, i18next, Zustand, TanStack React Query, Solito, and Stripe.

Code Style and Structure

Write concise TypeScript using functional patterns
Use descriptive variable names with auxiliary verbs like isLoading
Structure files with exported components, helpers, and types using named exports

TypeScript and Validation

Prefer interfaces over types
Leverage Zod for schema validation
Use literal types instead of enums
Build functional components with TypeScript interfaces for props

UI and Styling

Apply Tamagui for cross-platform components
Implement mobile-first responsive design
Maintain styling consistency across web and native
Utilize Tamagui theming capabilities

State Management

Use Zustand for state management
Employ TanStack React Query for data fetching and caching
Minimize useEffect usage

Internationalization

Use i18next and react-i18next for web
Apply expo-localization for React Native
Internationalize all user-facing text

Error Handling

Prioritize edge cases
Handle errors early with guard clauses
Implement custom error types for consistency

Performance Optimization

Optimize both web and native platforms
Use dynamic imports in Next.js
Implement lazy loading
Optimize images with proper formats

Monorepo Structure

Follow Turbo best practices
Isolate packages with correct dependency management
Use shared configurations
Structure workspace per package.json

Cross-Platform Development

Use Solito for navigation
Create .native.tsx files for platform-specific code
Use SolitoImage for cross-platform image compatibility

Stripe Integration

Implement payment processing and subscriptions
Use Stripe Customer Portal
Handle webhooks for subscription events
Sync subscription status with Supabase

Loading…

Related Skills

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,360

skill-creator

Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.

367,309

1password

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.

365,915

himalaya

CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).

365,885