Back to blog

Posts tagged: react-native

10 posts

A host and a federated remote each installing their own version of one shared contract package from a registry

The contract package: a versioned seam between federated remotes in React Native

A remote is built and shipped on its own, so the host can't see what it exposes. A shared contract package, published to a registry and installed by version, gives both sides one definition. Then semver governs what happens when they drift.

A React Native host app with a bottom tab bar, each tab loading a different remote at runtime

The host shell: federated remotes as tabs in React Native

Turn the host from a single screen into a real app shell. It owns the tab bar and navigation; each tab is a separate remote, built and shipped on its own, loaded at runtime.

A host and a remote React Native app sharing one copy of a library through a single share scope

The shared-singleton contract in React Native Module Federation

Share react, react-native, and a native library across a host and its remote the right way, and see why getting it wrong crashes the app on launch instead of failing quietly.

A host React Native app loading a screen from a separate remote app at runtime

Your first federated remote in React Native

Build it from zero: two React Native apps, one loading the other's screen at runtime over Module Federation 2.0 with Re.Pack. Every step, copy-paste, ending in a running app.

Module Federation in React Native

Why Module Federation in React Native

What runtime micro-apps buy a React Native app, what they cost, and when the trade is worth making. The intro to a series that builds a federated setup from scratch.

Feature-first project structure in React Native

Why I use feature-first project structure in React Native

An argument for organising React Native projects by feature, not by type. The delete test, import boundaries, where shared code lives.

Detox and Cucumber BDD for React Native E2E testing

Detox + Cucumber BDD for React Native E2E testing

Detox + Cucumber for React Native E2E. Step definitions, a custom formatter, parallel execution, and accessibility regression tests in plain Gherkin.

Tiered secure storage in React Native

Tiered secure storage in React Native

Three React Native storage tiers: Keychain for tokens, encrypted store for PII, AsyncStorage for preferences. When to use each, and how Redux Persist fits in.

Setting up MSW v2 in React Native for testing

Setting up MSW v2 in React Native

A practical guide to setting up Mock Service Worker v2 in a React Native project. From installation to a full set of handler scenarios covering success, errors, timeouts, and offline.

How to pass a React Native tech test

How to pass a React Native tech test

Practical advice from someone who reviews take-home tech test submissions. What actually matters, what doesn't, and the mistakes that cost candidates the job.