Skip to main content

5 posts tagged with "Frontend"

Articles focusing on UI/UX, React, and modular frontend patterns.

View All Tags

The Universal Fidelity Port: Decoupling Modern Frontends from Frappe and Bespoke Backends

· 6 min read
Revant Nandgaonkar
Maintainer of Framework M

In enterprise engineering, teams often face a common dilemma: they want to build modern, high-density, cross-platform user interfaces, but their core data and business logic are anchored inside established ERP deployments, specialized telemetry services, or multi-language microservice clusters.

Historically, introducing a modern UI layer across diverse systems often triggered pressure to rewrite backends. At Framework M, we believe you should never have to rewrite a stable, functioning backend just to deliver a specialized frontend. We designed our architecture around a fundamental separation of concerns called the Dual Port Protocol.

Recently, we proved this model in a demanding real-world deployment—building a high-fidelity standalone frontend that simultaneously drives established Frappe backends, bespoke high-throughput microservices, and Framework M instances without any single backend owning or constraining the frontend.

Here is how the Universal Fidelity Port pattern works and how an authenticating gateway makes it seamless.

Extending Desk with Shell Context Hooks

· 2 min read
Noman Kalelkar
Developer at Framework M
Shravan Shetty
Developer at Framework M

Building complex enterprise user interfaces requires a delicate balance: core application shells must remain stable and secure, while domain plugins and custom UI extensions must be able to hook into form controllers, state lifecycle, and global navigation effortlessly.

In Framework M Desk (@framework-m/desk), we introduced the official React Shell Context API and consolidated Micro-Frontend (MFE) Plugin Contracts.

The Discovery Oracle: Beyond the Broadcast Cliff

· 5 min read
Revant Nandgaonkar
Maintainer of Framework M

In our last post on Transparent UI Macroservices, we talked about the "what": breaking a monolithic frontend into independent, deployable units without breaking the user experience.

But as soon as you move from two services to ten, you hit a new wall: The Discovery Cliff.

How does the shell know where the finance service lives today? How does it find the inventory remote entry on a developer's machine versus a production Kubernetes cluster? And how do we do this without a 400-line configuration file that needs to be updated every time a port changes?

Today, we’re introducing the Discovery Oracle.