Skip to main content

Module: createApp

Functions

createSharedApp

createSharedApp<T, S, R>(options): Promise<App<T, S, R>>

Description

You can create an shared app with createSharedApp() passing app configuration, which will asynchronously return an object including instance, store, and bootstrap() method(You can run bootstrap to start the app inject into the browser or mobile).

Example

import { createSharedApp, injectable, state, action, delegate, mockPairTransports } from 'reactant-share';

@injectable({
name: 'counter',
})
class Counter {
@state
count = 0;

@action
increase() {
this.count += 1;
}
}

export default async () => {
const transports = mockPairTransports();

const server = await createSharedApp({
modules: [],
main: Counter,
render: () => {},
share: {
name: 'counter',
type: 'Base',
port: 'server',
transports: {
server: transports[0],
},
},
});

const client = await createSharedApp({
modules: [],
main: Counter,
render: () => {},
share: {
name: 'counter',
type: 'Base',
port: 'client',
transports: {
client: transports[1],
},
},
});

await delegate(client.instance, 'increase', []);

expect(client.instance.count).toBe(1);
expect(server.instance.count).toBe(1);
};

Type parameters

NameType
TT
Sextends any[]
Rextends Renderer<S>

Parameters

NameType
optionsConfig<T, S, R>

Returns

Promise<App<T, S, R>>

Defined in

createApp.ts:262