WHO WE ARE

Article

[wpbread]
Alan Henson Profile Picture
Alan Henson
WHAT WE DO

Brand Architecture
Brand Strategy
Employer Branding
Mergers & Acquisitions

We’re passionate about tackling the imperatives of modern leaders

Learn how we deliver on these essential, strategic needs that enable companies to sustain a resilient and impactful business.

HOW WE DO IT
CASE STUDIES
INDUSTRIES
Building better healthcare outcomes, together

At Pariveda, we bring thought leadership to all healthcare industry challenges. Leveraging the benefits of advanced, emerging technologies and fresh perspectives….

INSIGHTS
CAREERS

Choose a career that makes a difference

CASE STUDY

Revitalizing User Experience and Performance through a Modernized UI

Two legal advisors meeting in an office reviewing paperwork
$ 0 M+

Revenue

0 +

Employees

At a glance

Challenge

Needed to understand the least invasive way to enable feature-to-feature modernization of a legacy web application that would re-use the existing state, code, security patterns, and backend services without too much developer overhead or infrastructure changes.

Result

Pariveda created an approach to allow for the complete injection of modern User Interface (UI) frameworks into the existing application without significant rework to the existing UI code. The new approach enables domain-level feature deployments to be isolated from the legacy application while still getting all the benefits of the existing hosting infrastructure.

IMPACT

The new UI modernization approach allows the organization to write net-new features in a green-field fashion without the baggage of the existing solution. The hosting and utilization of the new features embedded into the legacy application require minimal code changes and allow for a slow, methodical approach to modernization that reduces regression risks and improves the speed to market of net new features.

Technologies Used

JavaScript, Module Federation, React, Redux

In the ever-evolving world of web applications, pursuing growth can be both exhilarating and challenging.

For FinServCo*, our client in the Financial Services industry, rapid expansion brought about a web-based, custom-built UI Framework—initially a symbol of ambition, resourcefulness, and ingenuity that built upon a proven product. Yet, as the years rolled on, this framework, founded on open-source technologies, began to reveal its fragility as support for its foundations dwindled. The decision to utilize these open-source products to quickly get to market became a major limiting factor to scaling the platform and keeping up with customer needs.

The Challenge

Enabling feature-to-feature modernization of a legacy web application to scale the platform and keeping up with customer needs.

Adding complexity to the mix was the approach to onboarding new talent, which relied heavily on subject matter experts, resulting in scarce documentation for our intricate legacy application. It was akin to navigating a labyrinth with just a faint trail to follow. Furthermore, in the quest for scalability, they engaged near-shore and off-shore resources for development, inadvertently introducing inconsistent design patterns and system components that did not align. Again, speed to market created limitations and technical debt with no obvious way to pay it down.

Faced with these challenges, it became abundantly clear that they needed more than a mere technological facelift. They needed a comprehensive strategy, a way to unravel the complexity of our legacy, and a clear path forward. Pariveda helped the organization align on a decision to migrate to React with Module Federation. It is a testament to their commitment to modernization with both robustness and governance.

The Result

After a series of POCs (proof of concept) and prototyping various integration methods from the common “reverse-proxy and iframe” approaches to phased modernization, we landed on Module Federation, a new technique facilitated through WebPack to enable run-time integration of various pieces of JavaScript. The common for Module Federation is primarily for UI Framework integrations but can be expanded to any JavaScript package.

To design the component integrations, we need to tackle two challenges:

1

Component mounting using the framework of choice

With the original application having a custom UI Framework, it was in our best interests to ensure that we did not mix and match the libraries for mounting to keep maintenance down and code-clarity up.

2

State Management between the existing application and the new modernized components

The existing application relied on an in-house built state management solution, with its own process for handling view re-renders. Ideally, we wanted to synchronize the data between the v1 and v2 components without needing to explicitly code for one or the other across the version boundaries. The name of the game is isolation.

Illustration of all the working components that are necessary to provide the integration of a new component into an existing application using module federation
Illustration of all the working components that are necessary to provide the integration of a new component into an existing application using module federation

The Impact

Using this approach, development teams can break up features into isolated “Domains” that can be implemented completely separately, exposing the mount and dispatch functions via module federation to easily phase in modern development practices and features while providing a consistent process for migrating legacy code to the new frameworks.

The hosting and utilization of the new features embedded into the legacy application require minimal code changes and allow for a methodical approach to modernization that reduces regression risks and improves the speed to market of net new features.

Learn how we deliver on the essential, strategic needs that enable companies to sustain a resilient and impactful business.

Want to talk?

Looking️ for️ a️ team️ to️ help️ you️ solve️ a️ complex️ problem?️

INSIGHTS

The latest industry perspectives, research, news, and resources

Article

[wpbread]
Go on a galactic journey through the year 2023, where Gen AI disrupts the world and thrust artificial intelligence into the limelight!…
Alan Henson Profile Picture
Alan Henson
Swipe To View