kg-site-subapp-controller v0.0.4

KG-Site Sub-app Controller

KG-site sub-app lifecycle controller based on document event.

Install

npm install kg-site-subapp-controller

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { bootstrap } from 'kg-site-subapp-controller';
import App from './src/App';

bootstrap('my-app', {
  onLaunch (container) {
    ReactDOM.render(<App />, contaienr);
  },
  onClose (container) {
    ReactDOM.unmountComponentAtNode(container);
  },
  fallback () {
    ReactDOM.render(<App />, document.getElementById('root'));
  }
})

API

bootstrap(subAppName, config)

subAppName

Unique name in kg-site-subapp.

config

prop	type	desc	default
selector	string	Sub app dom container id	subAppName
fallback	()=>void	Callback when container not exist	undefined
launchEventName	string	Custom launch event name	LAUCH_APP:${subAppName}
closeEventName	string	Custom close event name	CLOSE_APP:${subAppName}
onLaunch	(container: HTMLElement) => void	Callback when launch event fired	undefined
onClose	(container: HTMLElement) => void	Callback when close event fired	undefined