GitHub

micro-connect

Seamlessly connect React, Angular and plain JavaScript or TypeScript applications into one.

Discover Use cases
Main banner

What is micro-connect?

micro-connect provides the resources necessary to create applications using different popular technologies at the same time.

It allows you to embed components written in different technologies into your application.

Using micro-connect does not require you to overhaul your configuration. Just import it and your custom component and use it inside your application.

Subheader image - hello versatility

Discover

Event

×

Use cases

Circle background
Angular icon

The library exists in React but the Angular version is prettier and more advanced? Not a problem!

Angular component example

Angular export explanation
Circle background
React icon

Your simple JavaScript project requires a complex component, which you would rather write in React? Easy!

React component example

React export explanation
Circle background
JavaScript icon

All you need is a simple chart, but React versions are not free? Try searching in other technologies, such as vanilla JavaScript and embed the component into React!

JavaScript component example

JavaScript export explanation

How does micro-connect work?

micro-connect wraps your components from different technologies into reusable Components, which can be bundled, deployed and imported in any other application.

Your component

Code sample on how to mount the component

Your hosting application

Code sample on how to use the component in host

micro-connect will also easily work with non-React hosting applications. You simply have to manage the component lifecycle yourself:

Component.mount(document.body)

See more

GitHub
Circle background