FDC3 Micro-Frontend Architecture

Modern, distributed UI components for financial applications

Learn More

What is a Micro-Frontend Architecture?

Micro-frontend architecture extends the concept of microservices to the frontend world. Instead of building a monolithic frontend application, we break the UI into smaller, independent pieces that can be developed, tested, and deployed separately while still appearing to users as a cohesive whole.

Component-Based Design

Our micro-frontend approach uses Web Components standard as the foundation, complemented by React-based UI components where appropriate. This hybrid approach gives us the best of both worlds: standard-compliant, framework-agnostic components that can be used anywhere, with the rich ecosystem and developer experience of React.

FDC3 Compatibility

The Financial Desktop Connectivity and Collaboration Consortium (FDC3) defines standards for the financial desktop. Our micro-frontend architecture fully supports the FDC3 standards, enabling seamless integration with other FDC3-compliant applications.

Benefits of FDC3

Interoperability: Components can easily communicate with other applications on the financial desktop
Context Sharing: Share instrument, portfolio, or order context across applications
Intent-Based Communication: Launch specific functions in other applications
App Directory: Discover and launch applications within the ecosystem

Key Features

Web Components

Framework-agnostic custom elements that work across any modern browser or frontend framework, ensuring maximum compatibility and reusability.

Multi-Language Support

Built-in internationalization framework supporting English, Japanese, Chinese, Indonesian, Malaysian, and Tagalog, with easy extension to additional languages.

Distributed Scaling

Individual components can scale independently based on demand, with different components served from different servers or even different cloud providers.

Desktop Integration

Seamlessly integrate with existing desktop financial applications through FDC3 standards, enabling cross-application workflows and data sharing.

Application Launcher

Our application launcher component is built using Web Components, making it framework-agnostic and easy to integrate with any financial desktop environment.

The launcher provides:

Customizable Layouts: Users can arrange their workspace to suit their workflow
Permission-Based Access: Only show authorized applications and features
Single Sign-On: Seamless authentication across all components
Context Awareness: Components react to system-wide context changes (instrument selection, etc.)

Frontend Technology Evolution

Legacy Systems

Previous Architecture

• Sencha ExtJS Framework
• Monolithic frontend
• Limited scalability
• Framework lock-in

Current Architecture

Micro-Frontend Approach

• Web Components + React
• FDC3 compatible
• Distributed deployment
• Framework agnostic

High-Performance Grid Components

A critical part of any financial application is the ability to display and interact with large datasets efficiently. Our new grid component system supports:

Virtual Scrolling: Handle millions of rows with minimal memory footprint
Real-time Updates: Efficiently update only changed cells
Custom Cell Renderers: Specialized cells for different data types (price, percentage, sparkline, etc.)
Client-side Filtering and Sorting: Instant user feedback without server roundtrips
Excel-like Features: Cell editing, selection, copy/paste, keyboard navigation

These grid components are used throughout our trading platforms, position monitoring, and risk management interfaces to handle the high volume of real-time data required in financial applications.

Multi-Language and Multi-Timezone Support

Global financial markets require applications that support various languages and timezones. Our micro-frontend architecture includes built-in support for:

Multi-Language

• English (default)
• Japanese (日本語)
• Chinese (中文)
• Indonesian (Bahasa Indonesia)
• Malaysian (Bahasa Malaysia)
• Tagalog

Multi-Timezone

• User-configurable timezone display
• Time format customization (12h/24h)
• Exchange timezone indicators
• Calendar adjustments for holidays
• Session indicators (pre-market, etc.)
• Automatic DST handling

Components automatically adjust to the user's chosen language and timezone preferences, ensuring a consistent experience across the entire platform.

Ready to modernize your financial applications?

Contact us to discuss how our FDC3-compatible micro-frontend architecture can provide a flexible, scalable foundation for your financial desktop applications.

Contact Us