https://github.com/josgard94/microfrontends

Example App with Microfrontends in React, Vue and Single-SPA 🚀 This is a sample project that demonstrates how to build a modular and scalable web application using Microfrontends architecture with React and Single-SPA.
https://github.com/josgard94/microfrontends

css desing-patterns html javascript javascript-demo learning microfront-end microfrontend microfrontend-architecture microfrontend-react-apps microfrontends microfrontends-demo react reactjs

Last synced: 3 days ago
JSON representation

Example App with Microfrontends in React, Vue and Single-SPA 🚀 This is a sample project that demonstrates how to build a modular and scalable web application using Microfrontends architecture with React and Single-SPA.

• Host: GitHub
• URL: https://github.com/josgard94/microfrontends
• Owner: josgard94
• License: gpl-3.0
• Created: 2023-07-23T04:44:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-29T10:19:46.000Z (over 1 year ago)
• Last Synced: 2024-11-21T04:08:00.724Z (2 months ago)
• Topics: css, desing-patterns, html, javascript, javascript-demo, learning, microfront-end, microfrontend, microfrontend-architecture, microfrontend-react-apps, microfrontends, microfrontends-demo, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 801 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# microfrontends

Example App with Microfrontends in React, Vue and Single-SPA 🚀

This is a sample project that demonstrates how to build a modular and scalable web application using Microfrontends architecture with React and Single-SPA.

Key features:

📦 Microfrontends in React: Each part of the app is a small independent frontend developed in React, enabling component reusability and independent team development.

🌀 Single-SPA: We utilize Single-SPA as the magic that ties all our Microfrontends together, providing a seamless and uninterrupted user experience.

🚀 Scalability and Flexibility: Thanks to this architecture, the app can grow and evolve effortlessly to meet changing demands.

How to try the sample app?

1. Install Node version 16.x.x or higher.

2. Run `npm install` in the root of the project.

3. Execute `npm run start` to launch the project locally.

Explore the code, learn from it, and use it in your own projects! If you have questions, ideas, or improvements, go ahead! We're open to collaborations and suggestions.

Give it a ⭐ if you find it helpful! You'll help more people discover this sample app and Microfrontends architecture!

Happy coding! 😄