React Native Web: una sola app para móvil y web

React Native Web: la promesa

React Native Web permite ejecutar componentes React Native en el navegador web, usando el mismo código que la app móvil. La promesa: una sola codebase para iOS, Android y web. La realidad: funciona muy bien para ciertos casos, con limitaciones conocidas. Deepyze evalúa React Native Web en proyectos donde la consistencia de código entre plataformas es prioritaria.

¿Cuándo tiene sentido?

• Tu app web tiene la misma lógica que la app móvil
• Tu equipo no quiere mantener dos codebases separadas
• Priorizás velocidad de desarrollo sobre optimización web específica

¿Cuándo NO tiene sentido?

• Tu web es un e-commerce con SEO crítico (mejor Next.js)
• La UX web y móvil son muy diferentes (mejor separadas)
• Usás muchas librerías nativas que no tienen equivalente web

Configuración con Expo

Expo tiene soporte nativo para web. Al crear un proyecto:

npx create-expo-app mi-app --template tabs

El archivo app.json configura el target web:

{
  "expo": {
    "web": {
      "bundler": "metro",
      "favicon": "./assets/favicon.png"
    }
  }
}

Correr en web

npx expo start --web

Componentes con variantes por plataforma

// archivo: Boton.tsx (móvil) / Boton.web.tsx (web)
// Expo automáticamente elige el archivo correcto según la plataforma

// También podés usar Platform.OS:
import { Platform } from 'react-native';
const estilo = Platform.select({
  web: styles.botonWeb,
  default: styles.botonMovil,
});

¿Querés una app universal para móvil y web? Hablá con Deepyze.