Monorepo con React Native y Turborepo

¿Por qué un monorepo?

Si tenés una app React Native y una web React que comparten lógica (tipos TypeScript, hooks, utils, validaciones), el monorepo evita duplicar código y mantener dos repositorios sincronizados. En Deepyze usamos monorepos en proyectos que tienen app mobile + dashboard web.

Estructura típica

apps/
  mobile/          → Expo app
  web/             → Next.js dashboard
  api/             → Backend Node.js
packages/
  ui/              → Componentes compartidos
  utils/           → Funciones utilitarias
  types/           → Types TypeScript compartidos
  config/          → ESLint, TypeScript config compartidos
package.json       → Workspace root
turbo.json         → Pipeline de Turborepo

Configuración con npm workspaces

// package.json (root)
{
  "name": "mi-proyecto",
  "workspaces": ["apps/*", "packages/*"],
  "devDependencies": {
    "turbo": "latest"
  }
}

turbo.json

{
  "$schema": "https://turbo.build/schema.json",
  "pipeline": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": [".expo/**", ".next/**", "dist/**"]
    },
    "dev": {
      "cache": false,
      "persistent": true
    },
    "test": {
      "dependsOn": ["^build"]
    }
  }
}

Package compartido

// packages/utils/src/formatPrecio.ts
export function formatPrecio(valor: number): string {
  return `$${valor.toLocaleString('es-AR')}`;
}

// Usar en mobile
import { formatPrecio } from '@mi-proyecto/utils';

// Usar en web (mismo código)
import { formatPrecio } from '@mi-proyecto/utils';

¿Necesitás un monorepo para tu proyecto? Deepyze lo configura desde el día uno.