Tornar al blog

Etiqueta: React Native

10 articles

Un host i un remote federat instal·lant cadascun la seva pròpia versió d'un paquet de contractes compartit des d'un registre

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

Un remote es construeix i es desplega pel seu compte, així que el host no pot veure el que exposa. Un paquet de contractes compartit, publicat en un registre i instal·lat per versió, dona als dos costats una sola definició. Després semver governa el que passa quan divergeixen.

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

La closca del host: remotes federats com a pestanyes a React Native

Converteix el host d'una sola pantalla en una closca d'app de debò. És propietari de la tab bar i la navegació; cada pestanya és un remote independent, construït i desplegat pel seu compte, carregat en temps d'execució.

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 de la manera correcta, i descobreix per què fer-ho malament fa que l'app peti en arrencar en lloc de trencar-se 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

Construeix-lo des de zero: dues apps de React Native, una carregant la pantalla de l'altra en temps d'execució amb Module Federation 2.0 i Re.Pack. Cada pas, copia i enganxa, acabant amb una app en funcionament.

Module Federation a React Native

Per què Module Federation a React Native

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

Estructura de projecte per funcionalitat a React Native

Estructura de projecte per funcionalitat a React Native

Un argument per organitzar projectes React Native per funcionalitat, 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 personalitzat, execució paral·lela i tests de regressió d'accessibilitat en Gherkin pla.

Emmagatzematge segur per nivells a React Native

Emmagatzematge segur per nivells a React Native

Tres nivells a React Native: Keychain per a tokens, magatzem xifrat per a dades personals, AsyncStorage per preferències. Quan usar cada un, i com hi cap Redux Persist.

Configurant MSW v2 a React Native per a testing

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.

Com aprovar una prova tècnica de React Native

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.