Volver al blog

Etiqueta: React Native

10 artículos

Un host y un remote federado instalando cada uno su propia versión de un paquete de contratos compartido desde un registro

El paquete de contratos: una costura versionada entre remotes federados en React Native

Un remote se construye y se publica por su cuenta, así que el host no puede ver lo que expone. Un paquete de contratos compartido, publicado en un registro e instalado por versión, da a los dos lados una sola definición. Después semver gobierna lo que pasa cuando divergen.

Una app host de React Native con una tab bar inferior, cada pestaña cargando un remote distinto en runtime

La cáscara del host: remotes federados como pestañas en React Native

Convierte el host de una sola pantalla en una cáscara de app de verdad. Es dueño de la tab bar y la navegación; cada pestaña es un remote independiente, construido y desplegado por su cuenta, cargado en runtime.

Un host y un remote de React Native compartiendo una sola copia de una librería a través de un único share scope

El contrato de singletons compartidos en React Native Module Federation

Comparte react, react-native y una librería nativa entre un host y su remote de la forma correcta, y descubre por qué hacerlo mal hace que la app falle al arrancar en lugar de romperse en silencio.

Una app host de React Native cargando una pantalla desde una app remote separada en runtime

Tu primer remote federado en React Native

Constrúyelo desde cero: dos apps de React Native, una cargando la pantalla de la otra en runtime con Module Federation 2.0 y Re.Pack. Cada paso, para copiar y pegar, terminando en una app funcionando.

Module Federation en React Native

Por qué Module Federation en React Native

Qué le aportan a una app de React Native los micro-apps en runtime, qué cuestan y cuándo merece la pena el intercambio. La introducción de una serie que construye un setup federado desde cero.

Estructura de proyecto feature-first en React Native

Estructura de proyecto feature-first en React Native

Un argumento para organizar proyectos React Native por feature, no por tipo. La prueba de eliminar, los límites de import y dónde vive el código compartido.

Detox y Cucumber BDD para testing E2E en React Native

Detox + Cucumber BDD para testing E2E en React Native

Detox + Cucumber para tests E2E en React Native. Definiciones de pasos, formatter personalizado, ejecución en paralelo y tests de regresión de accesibilidad.

Almacenamiento seguro por niveles en React Native

Almacenamiento seguro por niveles en React Native

Tres niveles en React Native: Keychain para tokens, cifrado para datos personales, AsyncStorage para preferencias. Cuándo usar cada uno y cómo encaja Redux Persist.

Configurando MSW v2 en React Native para testing

Configurando MSW v2 en React Native

Una guía práctica para configurar Mock Service Worker v2 en un proyecto React Native. De la instalación a un conjunto de handlers para éxito, errores, timeouts y offline.

Cómo aprobar una prueba técnica de React Native

Cómo aprobar una prueba técnica de React Native

Consejos prácticos de alguien que revisa pruebas técnicas take-home. Qué importa, qué no, y los errores que cuestan el puesto a los candidatos.