Eclipse Muto LiveUI
LiveUI is a part of the Eclipse Muto project, Eclipse Muto provides an adaptive framework and a runtime platform for dynamically composable model-driven ROS software stacks on autonomous vehicles and robots in general.
Micro frontends is an architectural style where independently deliverable frontend applications are composed into a greater whole. Muto LiveUI has been developed for building any such extensible Web or Mobile apps, such as the Muto Dashboard.
LiveUI opts for run-time integration via JavaScript that is tighly integrated with popular Javascipt frameworks such as React.js, Vue.js and integrates well with packaging and development tools such as npm, Webpack and Metro bundler.. There is a cost to using distributed, micro service based architecture; there are more pieces, more repositories, more tools, more build/deploy pipelines, more servers, more domains, etc. We created LiveUI to help us manage some of these issues and improve the developers' experience using micro frontends. Live UI can be fully configurable to be integrated into many different devops processes and pipelines allowing many different custom project and repository layouts, test and quality tools. Development tooling and debugging experience is seamless with or without the inclusion of the container (parent) frontend.
There is a cost to using distributed, micro service based architecture; there are more pieces, more repositories, more tools, more build/deploy pipelines, more servers, more domains, etc. We created LiveUI to help us manage some of these issues and improve the developers' experience using micro frontends. Live UI can be fully configurable to be integrated into many different devops processes and pipelines allowing many different custom project and repository layouts, test and quality tools. Development tooling and debugging experience is seamless with or without the inclusion of the container (parent) frontend.
- Developer Tools : LiveUI provides a set of tools that can be integrated into any Javascript project and allows you to easily add, update, organize and debug micro frontends with new and existing projects. It supports zero-configuration for ease of use and fully customizable configurations for advanced use cases.
- Debugging and Hot Reloads : The micro front end projeects can be debugged indepently or within the parent application. Hot reloading of micro frontend during development and editing is supported via native integration with Webpack or Metro bundler.
- Core Library: A very small runtime library (less than 2k) that is bundled with the container application that deals with micro front-end runtime integration and life-cycle tasks
- Framework Plugin: A small plugin that complements the core library for React.js, Vue.js and for other similar popular frameworks in the future.
You can find out more about LiveUI from here