Exploring the Evolving Landscape of Micro‑Frontend Patterns in 2023

Introduction

The author notes that this piece was originally planned for 2022 but was delayed to 2023 due to external circumstances. It contains no empirical data, only personal understanding, community trends, and exploratory insights.

Micro‑Frontend Patterns

Four broad categories of micro‑frontend or "micro‑like" architectures are identified:

Micro‑kernel mode : a heavyweight vendor core with lightweight, plugin‑style components.

Standard micro‑frontend mode : each application or component is completely independent.

Hybrid mode : a blend between micro‑kernel and micro‑service styles, often involving semi‑embedded kernels.

No‑component mode : builds rich component collections using Web Components or Islands architectures, enabling rapid application creation.

The proliferation of these approaches raises the question of how to select the most suitable pattern for a given project.

Toolchain Speed and Experience

JavaScript tooling is known for slower compile times, which impacts development and build speed. Modern alternatives include:

Rust as a systems language for JavaScript infrastructure, with projects like NAPI‑RS for building pre‑compiled Node.js native extensions, and faster compilers such as SWC and bundlers like Parcel.

Other low‑level languages: Go‑based esbuild and Zig‑based Bun runtimes provide rapid JavaScript execution.

On a personal note, the author prefers the Warp CLI for its interactive experience and mentions Replit’s CLUI concept for building graphical command‑line interfaces.

Low‑Code Platforms

The market now agrees that different scenarios require different low‑code solutions, yet many small‑to‑mid‑size companies suffer from “hot‑driven development” where low‑code platforms are built without delivering real value, and business users face steep learning curves.

The root cause often lies in designers not understanding development and developers not understanding design, leading to platforms that lack a user‑friendly experience. In fintech, the demand for Python‑savvy engineers hints that low‑code tools may need technically proficient digital talent.

Low‑Latency, High‑Performance Front‑Ends

Following the 2022 hype around the metaverse, native UI built with high‑performance languages like C++ offers superior performance. WebAssembly, React Native/React XR, and especially Rust’s growing role in the browser ecosystem make it a compelling choice for low‑latency front‑ends, though C++ remains dominant for many WebAssembly use cases.

Browser‑Based AI

With TensorFlow Lite running on mobile and tinyML on edge devices, running AI directly in browsers via TensorFlow.js or ML5.js is becoming popular. Model size versus quality is a key challenge; lightweight libraries such as Handtrack.js demonstrate that small footprints are feasible.

Internal Platform Development Experience

Existing internal platforms often suffer from poor developer experience because designers lack coding knowledge and developers lack design insight. While many companies hesitate to invest due to ROI concerns, improving developer experience is valuable, and the author’s earlier guide “Developer Experience: Experience and Re‑shaping” serves as a practical introduction.

Architecture Patterns: Server‑Driven UI and Islands

In 2022, previously obscure patterns gained attention:

Server‑Driven UI (SDUI) : Companies like Shopify and Airbnb return JSON that describes component hierarchy, layout, and data types, allowing the front‑end to render UI dynamically. This resembles low‑code generation but differs in the granularity of the output.

Islands Architecture : Similar to SDUI, Islands promote small, isolated interactive blocks within server‑rendered pages. The output is progressively enhanced HTML, exemplified by the Deno‑based Fresh framework.

Both patterns rely on server‑side generation and may also depend on CDN‑based dynamic rendering.

Edge JavaScript

Early on, CloudFront introduced Cloudflare Workers for executing code at the edge. Recent years have seen mainstream frameworks adopt this model, such as Next.js’s Edge Runtime. CDNs now provide dynamic JavaScript servers that run code close to users, improving latency and fitting well with pre‑processing tasks like authentication, as well as supporting Islands architectures.

Conclusion

The author invites readers to share what new technologies they plan to explore in 2023.