Skip to content

leotankilevich/modfedtest

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Expo Remote + Web Host

This workspace contains two apps:

  • apps/mobile: an Expo app that renders a React Native component natively and exposes the same component as a federated web module.
  • apps/web-host: a webpack web app that loads the Expo component through module federation.

What is wired

  • The Expo app exposes mobileApp/FederatedQuoteBuilder from apps/mobile/src/modules/index.ts.
  • The web host consumes that remote from http://localhost:19006/remoteEntry.js.
  • The shared UI is a quote builder card with editable inputs and computed outputs.

Run locally

Install dependencies once:

pnpm install

Start the Expo remote:

pnpm dev:mobile

Start the web host in another terminal:

pnpm dev:web

Then open:

  • Expo web remote: http://localhost:19006
  • Web host: http://localhost:3000

Notes

  • Expo is configured to use webpack for web so module federation can attach to the web bundle.
  • The Expo webpack integration currently emits a peer warning for @expo/webpack-config with Expo SDK 54, but the remote compiles and runs in this workspace.

About

Expo mobile remote with module federation web host demo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 73.1%
  • JavaScript 25.0%
  • HTML 1.9%