feat: add MF Vite React example (#4291)

* feat: add MF Vite React example * fix: move lazy call --------- Co-authored-by: Zack Jackson <[email protected]>
module-federation · Oct 10, 2024 · 024d07f · 024d07f
1 parent d974868
commit 024d07f
Show file tree

Hide file tree

Showing 30 changed files with 2,807 additions and 0 deletions.
diff --git a/module-federation-vite-react/README.md b/module-federation-vite-react/README.md
@@ -0,0 +1,12 @@
+# React host and remote
+
+## Getting started
+
+From this directory execute:
+
+- npm run install:deps
+- npm run preview
+
+Open your browser at http://localhost:4173/ to see the amazing result
+
+![screenshot](docs/screenshot.png)
diff --git a/module-federation-vite-react/docs/screenshot.png b/module-federation-vite-react/docs/screenshot.png
diff --git a/module-federation-vite-react/host/.gitignore b/module-federation-vite-react/host/.gitignore
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.__mf__temp
diff --git a/module-federation-vite-react/host/index.html b/module-federation-vite-react/host/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Host</title>
+	</head>
+
+	<body>
+		<div id="root"></div>
+		<script type="module" src="/src/main.tsx"></script>
+	</body>
+</html>
diff --git a/module-federation-vite-react/host/package.json b/module-federation-vite-react/host/package.json
@@ -0,0 +1,23 @@
+{
+	"name": "module-federation-vite-react-host",
+	"version": "0.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite --port 4173",
+		"build": "tsc && vite build",
+		"preview": "npm run build && vite preview --port 4173"
+	},
+	"dependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"rxjs": "^7.8.1"
+	},
+	"devDependencies": {
+		"@module-federation/vite": "1.0.0",
+		"@types/react": "18.2.79",
+		"@types/react-dom": "18.2.25",
+		"@vitejs/plugin-react": "4.2.1",
+		"typescript": "5.4.5",
+		"vite": "5.2.10"
+	}
+}