Building Scalable Data-Driven Apps in React: A Config-First, Class-Based Architecture

At Evolving Web, we built a new visualization tool for GRID (Global Repository of Income Dynamics), an application that serves 300+ economic statistics through a fully dynamic react interface powered by shadcn and Highcharts. This talk breaks down the architecture behind it: how a config-driven system combined with a small hierarchy of variable classes lets the app generate its UI, controls, chart logic, and constraints automatically, without hardcoding a single dropdown or visualization rule. I’ll show how we structured the app so new datasets, view modes, and visual behaviors can be added by editing configuration instead of touching components. You’ll see how polymorphism handles different data types, how the factory pattern keeps everything consistent, and how this approach eliminates repetitive code while making future data growth trivial. Romain Nugou Senior Fullstack Developer at Evolving Web Montréal, QC Senior Fullstack Developer From Montréal Working for Evolving Web https://www.fldrupal.camp/session/building-scalable-data-driven-apps-react-config-first-class-based-architecture