Etiqueta: React Native

13 artículos

Serie:

Una app host con un único store compartido que un remote federado llena con datos en vivo de una API

Un store compartido: estado de servidor entre remotes federados en React Native

Un remote cargado en runtime inyecta su endpoint en el store del host y comparte una sola caché; si lo compartes mal, la pantalla se queda colgada en un spinner que nunca se resuelve.

Tags de RTK Query vs query keys de TanStack Query

Tags vs query keys: una pequeña diferencia de API que cambia cómo se coordinan los equipos

Los tags de RTK Query y las query keys de TanStack Query parecen intercambiables en código de un solo equipo. A escala multiequipo cambian qué falla cuando los equipos se desincronizan.

Estado de servidor y estado de cliente en React

Estado de servidor y estado de cliente: por qué las apps de React necesitan dos librerías

El estado de servidor y el estado de cliente tienen requisitos distintos. Por qué los stacks modernos de React reparten el trabajo entre dos librerías en lugar de un solo store.

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

El host no ve lo que expone un remote. Un paquete de contratos publicado e instalado por versión da a ambos lados una definición y semver gobierna la deriva.

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

El host pasa de una pantalla a cáscara de la app: es dueño de la tab bar y la navegación, y cada pestaña es un remote construido, desplegado y cargado aparte.

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; hacerlo mal rompe la app al arrancar, no 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

Dos apps de React Native, una carga la pantalla de la otra en runtime con Module Federation 2.0 y Re.Pack. Cada paso se copia y pega, hasta una app en marcha.

Module Federation en React Native

Por qué Module Federation en React Native

Qué aportan a una app de React Native los micro-apps en runtime, qué cuestan y cuándo compensa. Intro 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.

Tres escalones descendentes con un cubo cerrado con candado, una caja fuerte y una bandeja abierta, con una flecha clasificadora

Tokens en React Native: AsyncStorage frente a SecureStore

Los tokens no van en AsyncStorage. Cómo SecureStore, un almacén cifrado y AsyncStorage se reparten el trabajo en React Native, y qué guarda cada uno.

Una malla atravesada en una tubería que intercepta las flechas entrantes y las clasifica en una bandeja de éxito y otra de fallo

Configurando MSW v2 en React Native

Configurar Mock Service Worker v2 en React Native, de la instalación a un conjunto completo de handlers: éxito, errores, timeouts y offline.

Un camino que se bifurca con una marca de verificación en la rama elegida y un foco esperando al final

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.