Etiqueta: Module Federation

9 articles

Sèrie:

La mateixa app federada connectada a dos stacks d'estat diferents

Stacks d'estat sota federació: la mateixa app de React Native construïda dues vegades

TanStack Query i Zustand reconstrueixen l'app que Redux Toolkit i RTK Query acaben de construir; tots dos funcionen, i el que els separa és el que passa quan equips independents deixen de coordinar-se.

Un remote federat que afegeix el seu propi slice a un store compartit mentre un altre remote hi creua

L'estat de client creua la frontera: remotes que porten els seus propis slices a React Native

Un remote injecta l'slice que només ell posseeix al store compartit, el contracte porta l'única acció que creua, i l'escriptura arriba com a prop; fes dispatch abans que l'slice existeixi i l'afegir es perd en silenci.

Una app federada dibuixada com a territoris d'equips diferents, units per fins raïls compartits i una petita shell central

Qui és amo de què: fronteres, equips i acoblament en una app React Native federada

Qui és amo d'una frontera, d'un component, d'una definició de dades? Cinc tests per tallar una app React Native federada per línies d'equip, i què mou cada resposta.

Una app host que manté un sol store compartit que dues features publicades per separat omplen amb dades en directe d'una API

Un sol store compartit: estat de servidor entre remotes federats a React Native

Un remote i un paquet instal·lat injecten els seus endpoints en un sol store del host i comparteixen un sol cache; si t'equivoques compartint-lo, la pantalla es queda penjada en un spinner que no es resol mai.

Apps construïdes per separat instal·lant paquets versionats (un contracte tipat i una pantalla compartida) des d'un mateix registre

El paquet de contractes: una frontera versionada entre remotes federats a React Native

Cap app no veu què publiquen les altres. Dos paquets instal·lats per versió (un contracte tipat i la pantalla de detall compartida) donen a cada costat una sola definició; semver governa la deriva.

Una app host de React Native amb una tab bar inferior, cada pestanya carregant un remote diferent en temps d'execució

El shell del host: remotes federats com a pestanyes a React Native

Converteix el host d'una sola pantalla en un shell d'app: té la tab bar i la navegació, i cada pestanya és un remote construït, desplegat i carregat a part.

Un host i un remote de React Native compartint una sola còpia d'una llibreria a través d'un únic share scope

El contracte de singletons compartits a React Native Module Federation

Comparteix react, react-native i una llibreria nativa entre un host i el seu remote com cal; fer-ho malament fa petar l'app en arrencar, no en silenci.

Una app host de React Native carregant una pantalla d'una app remote separada en temps d'execució

El teu primer remote federat a React Native

Dues apps React Native, una carregant la pantalla de l'altra en execució amb Module Federation 2.0 i Re.Pack. Cada pas copia i enganxa, fins a l'app en marxa.

Module Federation a React Native

Per què Module Federation a React Native

Què aporten les micro-apps en temps d'execució a una app React Native, què costen i quan val la pena. Intro a la sèrie que construeix un setup federat de zero.