https://github.com/natserract/micro-frontend
Building Micro Frontends with React, Vue, and Single-spa
https://github.com/natserract/micro-frontend
javascript micro-frontends react vue web-development
Last synced: 5 months ago
JSON representation
Building Micro Frontends with React, Vue, and Single-spa
- Host: GitHub
- URL: https://github.com/natserract/micro-frontend
- Owner: natserract
- Created: 2019-12-14T02:52:25.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T02:58:59.000Z (almost 3 years ago)
- Last Synced: 2025-03-31T09:41:21.660Z (6 months ago)
- Topics: javascript, micro-frontends, react, vue, web-development
- Language: JavaScript
- Homepage:
- Size: 27.4 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Micro FE - Single SPA
Single SPA is javascript framework for front-end microservices and can ([but don't need to](https://single-spa.js.org/docs/faq.html#can-i-use-more-than-one-framework)) be written with their own framework. This allows you to:
- [Use multiple frameworks](https://github.com/CanopyTax/single-spa/blob/master/docs/single-spa-ecosystem.md#help-for-frameworks) on the same page [without refreshing the page](https://github.com/CanopyTax/single-spa/blob/master/docs/applications.md)
([React](https://github.com/CanopyTax/single-spa-react), [AngularJS](https://github.com/CanopyTax/single-spa-angular1), [Angular](https://github.com/CanopyTax/single-spa-angular2), [Ember](https://github.com/CanopyTax/single-spa-ember), or whatever you're using)
- Write new code, possibly with a new framework, without rewriting your existing app
- Lazy load code for improved initial load time.
## Documentation
You can find the single-spa documentation [on the website](https://single-spa.js.org/).
Check out the [Getting Started](https://single-spa.js.org/docs/getting-started-overview.html) page for a quick overview.
## Installation and setup
1. Clone the repo
2. Run `npm install`
3. run `npm start`
4. Open running code at `http://localhost:8080/`
## Demo App
