mixspa-react
Mixspa-React is a wrapper for mixspa-core.
Current Status:
What it come from?
Pleas reference here: mixspa-core
Apis for this library
createApp: create a mixspa app.
import { createApp } from '@mixspa/react';
import { BrowserRouter } from 'react-router-dom';
import App from './App';
createApp(
'app-tag',
(props) => (
<BrowserRouter baseName={ props.baseName }>
<App />
</BrowserRouter>
)
);AppLink: This link will send a event to event bus.
import { AppLink } from '@mixspa/react';
const NavBar = () => (
<div>
<AppLink to="/menu-a"/>
<AppLink to="/menu-b"/>
</div>
);AppLoader: load a mixspa app.
import { AppLoader } from '@mixspa/react';
const Loading = () => <div>Loading...</div>
const Content = () => (
<div>
<AppLoader appId="appId" renderLoading={ () => <Loading /> }/>
</div>
);AppContainer: Receive event and handle url change event.
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Route, Switch } from "react-router-dom";
import { AppContainer } from '@mixspa/react';
ReactDOM.render(
<BrowserRouter>
<AppContainer>
<Switch>
<Route path="/test-a"/>
<Route path="/test-b"/>
</Switch>
</AppContainer>
</BrowserRouter>,
document.getElementById('app')
);License
mixspa-react is released under the MIT license.