Building Scalable Data-Driven Apps in React: A Config-First, Class-Based Architecture
Video Description
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.
Romain Nugou
Senior Fullstack Developer
From Montréal
Working for Evolving Web
https://www.drupalcampnj.org/session/building-scalable-data-driven-apps-react-config-first-class-based-architecture
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.
Romain Nugou
Senior Fullstack Developer
From Montréal
Working for Evolving Web
https://www.drupalcampnj.org/session/building-scalable-data-driven-apps-react-config-first-class-based-architecture