DUFT UI: A Fully Configurable Frontend

DUFT UI: A Fully Configurable Frontend#

The DUFT UI is a ReactJS-based web application responsible for rendering dashboards, navigation menus, and UI elements. Unlike traditional applications where the frontend is tightly coupled with the backend, DUFT UI is entirely configuration-driven, meaning:

  • Navigation structure, dashboards, and other UI elements are defined in DUFT Config.

  • DUFT UI dynamically fetches and renders dashboards, rather than having them pre-defined in the frontend code.

  • Visualisations are powered by queries from DUFT Config, ensuring flexibility in how data is presented.

With this approach, changes to the navigation structure, dashboard layouts, or data sources can be made without touching the frontend code.

A full chapter is dedicated to DUFT UI.