Blog

Kasalukuyang serye

Lahat ng series
19 bahagi · Patuloy · susunod na bahagi: Ago 17Isinusulat pa

React Native Module Federation

Bumuo ng federated React Native app mula sa simula gamit ang Module Federation at Re.Pack: runtime remotes, ang shared-singleton contract, at host shell na may hawak ng navigation.

9 sa 19 nai-publish naMagsimula sa unang bahagiSusunod na part · Ago 17

Iba pang serye

Pagre-redesign ng tech test para sa React Native hiring
5 bahagi

Hiring

Muling pag-isipan kung paano mag-hire ng React Native engineers: pag-redesign ng tech test, patas na pag-score mula graduate hanggang senior, at take-home na natatapos talaga ng mga kandidato.
Isang mesh screen sa isang pipe na humaharang sa mga papasok na arrow at nag-uuri sa kanila sa success tray at failure tray
4 bahagi

RN Foundations

Ang pundasyon ng matatag na React Native project: API mocking, tiered secure storage, end-to-end testing, at feature-first na istraktura.
Server state at client state sa React
2 bahagi

State Management

Paano pumili ng state management nang malinaw ang isip: server state laban sa client state, mga hugis ng cache invalidation na humuhubog sa gawi ng team, at kung ano ang binabago ng Module Federation sa tanong.

Lahat ng artikulo

Mag-browse ayon sa serye Mag-browse ayon sa tag
Ang parehong federated app na nakakabit sa dalawang magkaibang state stack
Agosto 10, 2026 · 11 min basahin RN Module Federation

Mga state stack sa ilalim ng federation: ang parehong React Native app na binuo nang dalawang beses

Muling binubuo ng TanStack Query at Zustand ang app na kabubuo lang ng Redux Toolkit at RTK Query; gumagana pareho, at ang nagpapaiba sa kanila ay kung ano ang mangyayari kapag tumigil sa pagkoordina ang mga independent na team.
Isang federated remote na nagdadagdag ng sarili nitong slice sa isang shared store habang tumatawid dito ang isa pang remote
Agosto 3, 2026 · 19 min basahin RN Module Federation

Client state sa kabila ng seam: mga remote na may dalang sariling slice sa React Native

Isang remote ang nag-i-inject ng slice na siya lang ang may-ari sa shared store, dala ng contract ang nag-iisang action na tumatawid, at dumarating ang write bilang prop; mag-dispatch bago pa mabuo ang slice at tahimik na mawawala ang add.
Isang federated app na iginuhit bilang mga teritoryo ng magkakaibang team, pinagdurugtong ng maninipis na shared rail at isang maliit na sentral na shell
Hulyo 27, 2026 · 18 min basahin RN Module Federation

Kanino ang alin: mga boundary, team at coupling sa isang federated React Native app

Kanino ang isang boundary, isang component, isang depinisyon ng data? Limang test para hatiin ang isang federated React Native app ayon sa linya ng mga team, at kung ano ang nagpapabago sa bawat sagot.
Isang host app na may hawak na isang shared store na pinupunan ng dalawang feature na hiwalay na inilabas ng live na API data
Hulyo 20, 2026 · 17 min basahin RN Module Federation

Isang shared store: server state sa mga federated remote sa React Native

Isang remote at isang installed na package ang nag-i-inject ng kani-kanilang endpoint sa iisang store ng host at nagshe-share ng isang cache; kapag namali ang pag-share, mag-ha-hang ang screen sa isang spinner na hindi nare-resolve kailanman.
RTK Query tags vs TanStack Query keys
Hulyo 13, 2026 · 6 min basahin State Management

Tags vs query keys: maliit na API difference na nagbabago kung paano nagko-coordinate ang mga team

Mukhang interchangeable ang RTK Query tags at TanStack Query keys sa single-team na code. Sa multi-team na scale, iba ang nasisira nila kapag naghiwalay ng sync ang mga team.
Server state at client state sa React
Hulyo 6, 2026 · 6 min basahin State Management

Server state at client state: bakit dalawang library ang kailangan ng React apps

Magkaiba ang requirements ng server state at client state. Bakit hinahati ng modern React stacks ang trabaho sa dalawang library sa halip na isang store.
Mga app na hiwalay na binuo, nag-i-install ng mga versioned na package (isang typed na contract at isang shared na screen) mula sa iisang registry
Hunyo 29, 2026 · 13 min basahin RN Module Federation

Ang contract package: isang versioned na seam sa pagitan ng mga federated remote sa React Native

Walang app na nakakakita ng ini-ship ng iba. Dalawang package na na-install by version (isang typed na contract at ang shared na detail screen) ang nagbibigay sa bawat panig ng isang depinisyon; semver ang bahala sa drift.
Isang host React Native app na may bottom tab bar, bawat tab ay nag-lo-load ng ibang remote sa runtime
Hunyo 22, 2026 · 8 min basahin RN Module Federation

Ang host shell: mga federated remote bilang tabs sa React Native

Gawing tunay na app shell ang host: ito ang may-ari ng tab bar at navigation, at bawat tab ay remote na binuo, na-ship at nilo-load nang mag-isa.
Isang host at isang remote na React Native app na nag-share ng iisang kopya ng isang library sa pamamagitan ng iisang share scope
Hunyo 15, 2026 · 8 min basahin RN Module Federation

Ang shared-singleton contract sa React Native Module Federation

I-share ang react, react-native at isang native library sa host at remote nito nang tama; ang maling paggawa ay nagpapa-crash sa app sa launch, hindi tahimik.
Isang host React Native app na nag-lo-load ng screen mula sa hiwalay na remote app sa runtime
Hunyo 8, 2026 · 8 min basahin RN Module Federation

Ang iyong unang federated remote sa React Native

Dalawang React Native app, isa naglo-load ng screen ng isa pa sa runtime sa Module Federation 2.0 at Re.Pack. Bawat hakbang copy-paste, tapos tumatakbong app.
Module Federation sa React Native
Hunyo 1, 2026 · 9 min basahin RN Module Federation

Bakit Module Federation sa React Native

Ano ang ibinibigay ng runtime micro-apps sa React Native app, ano ang halaga nito, at kailan sulit ang palitan. Panimula sa series na bubuo ng federated setup.
Feature-first na project structure sa React Native
Mayo 25, 2026 · 9 min basahin RN Foundations

Feature-first na project structure sa React Native

Argumento para sa pag-organisa ng React Native projects by feature, hindi by type. Ang delete test, import boundaries, at kung saan naroon ang shared code.
Mag-load pa ng mga post