Blog

Sèrie en curs

Totes les sèries
2 parts · Sèrie completa

State Management

Com triar la gestió d'estat amb el cap fred: estat de servidor davant estat de client, formes d'invalidació de cau que modelen els hàbits de l'equip i què canvia Module Federation en la pregunta.

2 de 2 publicatsComença per la part 1
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.

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

El host no veu què exposa un remote. Un paquet de contractes publicat i instal·lat per versió dona als dos costats 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ó

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

Converteix el host d'una sola pantalla en una closca 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 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 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ó

Emmagatzematge segur per nivells a React Native

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

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.

Interview Kit executant-se en un portàtil durant una entrevista tècnica

He construït una app que el comitè de contractació no obrirà mai

De Notion a markdown i a una app de React per a entrevistes tècniques estructurades. Tres intents per trobar el format que funcionés a la trucada i al comitè.

Carrega més articles