Etiqueta: Rspack

8 artículos

Serie:

La misma app federada conectada a dos stacks de estado distintos

Stacks de estado bajo federación: la misma app de React Native construida dos veces

TanStack Query y Zustand reconstruyen la app que Redux Toolkit y RTK Query acaban de construir; ambos funcionan, y lo que los separa es lo que pasa cuando equipos independientes dejan de coordinarse.

Un remote federado añadiendo su propio slice a un store compartido mientras otro remote cruza hasta él

El estado de cliente cruza la frontera: remotes que traen sus propios slices en React Native

Un remote inyecta el slice que solo él posee en el store compartido, el contrato lleva la única acción que cruza, y la escritura llega como prop; despacha antes de que el slice exista y el añadir se pierde en silencio.

Una app host con un único store compartido que dos features publicadas por separado llenan con datos en vivo de una API

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

Un remote y un paquete instalado inyectan sus endpoints en un solo store del host y comparten una caché; si lo compartes mal, la pantalla se queda colgada en un spinner que nunca se resuelve.

Apps construidas por separado instalando paquetes versionados (un contrato tipado y una pantalla compartida) desde un mismo registro

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

Ninguna app ve lo que publican las demás. Dos paquetes instalados por versión (un contrato tipado y la pantalla de detalle compartida) dan a cada lado una sola definición y dejan que semver gobierne la deriva.

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

El shell del host: remotes federados como pestañas en React Native

El host pasa de una pantalla a shell 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.