https://github.com/ismailarilik/single-spa-angular2-angularjs-example

A single-spa root-config (app shell) example which contains Angular.js, Angular 2 and React
https://github.com/ismailarilik/single-spa-angular2-angularjs-example

angular2 angularjs app-shell react root-config single-spa webpack

Last synced: 4 days ago
JSON representation

A single-spa root-config (app shell) example which contains Angular.js, Angular 2 and React

• Host: GitHub
• URL: https://github.com/ismailarilik/single-spa-angular2-angularjs-example
• Owner: ismailarilik
• License: isc
• Created: 2022-03-01T11:48:50.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-07T12:37:08.000Z (over 1 year ago)
• Last Synced: 2023-03-07T21:08:41.927Z (over 1 year ago)
• Topics: angular2, angularjs, app-shell, react, root-config, single-spa, webpack
• Language: EJS
• Homepage:
• Size: 1.77 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# root-config

An app shell implementation using single-spa using its layout engine feature, initially generated with the command `npx create-single-spa --moduleType root-config`.

It shows these features of single-spa:

- Inter-app communication ([https://single-spa.js.org/docs/recommended-setup/#inter-app-communication](https://single-spa.js.org/docs/recommended-setup/#inter-app-communication))

- Lifecycle props ([https://single-spa.js.org/docs/building-applications/#lifecycle-props](https://single-spa.js.org/docs/building-applications/#lifecycle-props))

## Requirements

- Node.js v16

- A running angular-app-parcel (Please locate it under the same namespace as this repo)

- A running angularjs-app (Please locate it under the same namespace as this repo)

- A running react-app-shell (Please locate it under the same namespace as this repo)

## Running

```sh

# Install dependencies

> npm install

# Start the root config app

> npm start

# Go to http://localhost:9000/

```

For more detail about how to register microfrontends into this app shell, please look at the [official single-spa website](https://single-spa.js.org).