PRAJNO.com

Notes on software, design, and building with AI.

Writing · 02
open in new window↗
Seamlessly addressing style debt in a large Angular application Themes and feature flags, mid-migration · Medium · September 10, 2020 · 5 min open in new window↗

From 2020, mid-migration at One Medical:

The patient chart in One Medical's Electronic Health Record system is our most feature-heavy in-house single page application. It is currently undergoing an upgrade from AngularJS to Angular, with a migration strategy that involves rewriting product features in angular and downgrading them to AngularJS at runtime. Throughout this transition, we aggressively tackled various flavors of tech debt including state management complexities, nested forms, routing and UX issues, etc. We also setup an internal component library and documented these reusable components in storybook. Somewhere in the mix of all these things, the related style debt did not receive much attention.

About half way through the migration, the design team requested a move to a standard grid system and a different font and scale which would support a greater design system endeavor. Naturally, such a challenge midway through an epic migration project seemed like just the right amount of fun to tackle. So began our journey into addressing style debt.

Read on Medium ↗