blip-microfront-communicator
Advanced tools
This project is an Architecture reference for Micro front-ends at Take platform. It will guide you into the journey to build new projects or adapt an existing one to a React Micro front-end.
This project is an Architecture reference for Micro front-ends at Take platform. It will guide you into the journey to build new projects or adapt an existing one to a React Micro front-end.
applicationName property at constants.ts file. (Exemple: tenant-mfe);npm install && npm startUse the sufix *.spec.ts when writing unit test suites and *.test.ts when writing integration tests. Doing this, you'll be able to run then with separate scripts, such as:
npm run test:unit -> for unit testsnpm run test:unit -> for integration testsnpm run test:verbose -> for all tests, not suppressing logsnpm run test:coverage -> for all tests, with coverage report (available on /coverage/Icov-report/index.html)npm startlocalhost:5000), open index.html of BLiP Portal project and put a script reference between <head> tags, like this:<head>
<script src="http://localhost:5000/dist/main.js"></script>
</head>
constants.ts (default is <microfront-sample>) to use the micro front-end.You can pass any properties to this project and retrieve them on App.tsx component. Let's say that you wanna pass the user property from Blip Portal to this micro frontend:
// Blip Portal
<microfront-sample user="{{$ctrl.user}}"></microfront-sample>
// Micro Front-end (App.tsx)
interface AppProps {
user: User;
}
export const App: React.FC<AppProps> = ({ user }) => { // user property received as param
applyPolyfills().then(() => {
defineCustomElements(window);
});
(...)
FAQs
This project was designed to carry out communication between microfrontends and microfrontend consumers through the Blip projects
We found that blip-microfront-communicator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.