react-native-mfe v0.1.14

Lib to help integrations with Micro-FrontEnds(MFE) that use react-native-webview.

Installing

Using yarn:

$ yarn add react-native-mfe

Using EXPO:

$ expo add react-native-mfe

Example

Usage:

import React, { useRef } from 'react';
import { Mfe, EventReturnTypes, MfeRefTypes } from 'react-native-mfe';

export function App() {
	const mfeRef = useRef<MfeRefTypes>();

	return(
		<Mfe
			ref={mfeRef}
			url="https://mfe.ffit.com.br/v1/mfe/{{name}}" 
			params={{ // MFE params
				type: 'test',
				isMobile: true,
			}}
			onEvent={(data: EventReturnTypes) => {
				if (data.event === 'receivedEvent') {
					// Add logic to use info

					// Example of sending an event back to mfe
					setTimeout(() => {
					if (mfeRef.current)
						mfeRef.current.sendEvent({ event: "updateInfo", info: { param: "TEST!"}});
					}, 5000)
				}
			}}
		/>
	)
}

Props