Blog

Serie actual

Todas las series
2 partes · Serie completa

State Management

Cómo elegir la gestión de estado con la cabeza fría: estado de servidor frente a estado de cliente, formas de invalidación de caché que moldean los hábitos del equipo y qué cambia Module Federation en la pregunta.

2 de 2 publicadosEmpieza por la parte 1
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

Almacenamiento seguro por niveles en React Native

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

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.

Interview Kit ejecutándose en un portátil durante una entrevista técnica

Construí una app que el comité de contratación nunca va a abrir

De Notion a markdown a una app de React para entrevistas técnicas estructuradas: tres iteraciones hasta un formato que funciona en directo y reporta bien.

Cargar más artículos