Etiqueta: React Native

16 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.

Tags de RTK Query vs query keys de TanStack Query

Tags vs query keys: una petita diferència d'API que canvia com es coordinen els equips

Les tags de RTK Query i les query keys de TanStack Query semblen intercanviables en codi d'un sol equip. A escala de diversos equips, canvien què falla quan els equips es desincronitzen.

Estat del servidor i estat del client a React

Estat del servidor i estat del client: per què les apps de React necessiten dues llibreries

L'estat del servidor i l'estat del client tenen requisits diferents. Per què els stacks moderns de React reparteixen la feina entre dues llibreries en lloc d'un sol store.

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.

Estructura de projecte per feature a React Native

Estructura de projecte per feature a React Native

Un argument per organitzar projectes React Native per feature, no per tipus. La prova d'eliminació, les fronteres d'import i on viu el codi compartit.

Detox i Cucumber BDD per a tests E2E a React Native

Detox + Cucumber BDD per a tests E2E a React Native

Detox + Cucumber per a E2E a React Native. Definicions de passos, formatter propi, execució paral·lela i tests de regressió d'accessibilitat en Gherkin pla.

Tres esglaons descendents que sostenen un cub tancat amb clau, una caixa forta i una safata oberta, amb una fletxa de classificació

Tokens a React Native: AsyncStorage contra SecureStore

Els tokens no van a AsyncStorage. Com SecureStore, un magatzem xifrat i AsyncStorage es reparteixen la feina a React Native, i què desa cadascun.

Una malla travessant una canonada que intercepta fletxes entrants i les classifica en una safata d'èxits i una de fallades

Configurant MSW v2 a React Native

Guia pràctica de Mock Service Worker v2 en un projecte React Native. De la instal·lació a un joc complet d'handlers per a èxits, errors, timeouts i offline.

Un camí que es bifurca amb una marca de verificació a la branca escollida i un focus esperant al final

Com aprovar una prova tècnica de React Native

Consells pràctics d'algú que revisa entregues de proves tècniques take-home. Què importa de debò, què no, i els errors que costen el lloc als candidats.