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 - https://www.grid-database.org/ - one of the leaders of this project is a professor from Princeton.), 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.

Prerequisites

This talk is best suited for experienced developers, but will also be accessible to a broader technical audience. Familiarity with modern web development is helpful.

While React is used as a concrete example, the ideas discussed focus on configuration-driven design and scalable application architecture rather than framework-specific details.

Profile picture for user Romain Nugou
Romain Nugou

Senior Fullstack Developer
From Montréal
Working for Evolving Web

Session Category
Development & Performance
Who Should Attend
Decision Makers
Everyone
Front-end Developers
Project Managers

2026 Sponsors

Supporting Sponsors