React Native Flow
Estructura, patrones Expo y repaso
Guías prácticas para React Native bare y Expo: cómo organizar el repo, cablear helpers, i18n, lectura en voz alta, OCR con cámara, PDFs y temas, y preparar entrevistas—cada página dice qué hace, qué necesitas instalado y dónde pegar o descargar.
Qué es esto (sin marketing)
Una app móvil no es un tutorial: es navegación, rarezas nativas, storage, diseño y las reglas de las tiendas peleándose en el mismo repo.
Monté React Native Flow porque me cansé de repetir lo mismo: cómo ordeno carpetas para que un compañero nuevo no se pierda al segundo día, cómo freno el helper antes de que explote, y textos largos sobre multilingüe, lectura en voz alta, OCR, PDF… cosas que no caben en una línea de Stack Overflow. No es oficial de nadie; es mi libreta, pública, con botones de copiar.
Cada página pretende servir hoy: bajar un ZIP, pegar un patrón y renombrarlo, o leer una respuesta de entrevista en el metro. Insisto en iOS vs Android, APIs de voz y WebViews raros porque ahí es donde se van las horas.
Prefiero pocas páginas bien que muchas vacías. Si algo queda flojo, lo digo. El blog es para las opiniones feas: por qué me importan las rutas antes de tener cincuenta pantallas, cuándo trocear un helper… así la doc corta sigue siendo escaneable.
Tanto si pruebas Expo Router, si aprietas tipos en la navegación o si te preparas para un senior, puedes saltar entre estructura, ejemplos, entrevistas y el blog en nada. Los SDK cambian; si un snippet envejece, mira el changelog de Meta o Expo y toma esto como punto de partida, no como evangelio.
Todo en este sitio
Los mismos enlaces que el menú y la barra lateral: docs, cada guía de función, blog, legales y un recurso externo de hooks.
Documentación
- Introducción
Panorama de carpetas, helpers, funciones de app y entrevistas, y cómo leer el sitio.
- Estructura del proyecto
Estructura escalable para Expo Router o React Navigation: pantallas, navegación y código compartido.
- Utilidades de la app
Módulo helper documentado: storage, atajos de navegación, toasts, mapas, notificaciones.
- Ejemplos de código
Snippets cortos para listas, búsqueda, refrescar, áreas seguras—listos para adaptar.
- Preguntas de entrevista
Preguntas y respuestas de React, JS y React Native para un repaso rápido.
Guías de funciones
- App multilingüe
i18n, muchos idiomas, detección, cambio, RTL cuando toca.
- Lectura en voz alta y resaltado
expo-speech, límites, resaltado en pantalla, elección de voz.
- Texto en vivo (OCR con cámara)
OCR: vista previa, captura y pasar el texto al resto de la app.
- PDF a imágenes PNG
PDF.js en WebView, exportar imágenes, zip, compartir.
- Contexto de tema
Tema claro/oscuro/sistema con persistencia y hooks.
- Widget Quick Tools
Widgets en iOS y Android y deep links.
Más
- Blog
Artículos sobre arquitectura, navegación y publicación.
- Acerca de
Qué es este proyecto y quién lo mantiene.
- Política de privacidad
Cookies, anuncios y datos en este sitio.
- Términos y condiciones
Uso del sitio y descargos.
- Contacto
Abre tu correo para escribirnos.
- React Native Hooks Kit
Sitio externo con patrones de hooks (nueva pestaña).
Guías destacadas
Cada tarjeta lleva a una guía con requisitos, archivos y trozos listos para copiar—no solo un título.
Qué se me ocurre después
Ideas sueltas, no promesas—para que sepas por dónde van los tiros.
Más ejemplos de código
En cursoMás trozos sacados de apps reales: listas, formularios, gestos, los líos de siempre.
Más entradas en el blog
En curso32 entradas en el blog; siguen rendimiento y navegación en la lista.
Recetas de pantallas
PlanificadoLayouts para copiar que no parezcan la plantilla por defecto.
Vídeos cortos, quizá
En estudioSolo si una grabación ahorra tiempo de verdad.
Sigo añadiendo cosas
No publico páginas vacías de “próximamente”: cuando una guía está lista, sube. Deja el correo si quieres un aviso.