Learn More

How my dashboards work

A dashboard needs to do things that static HTML cannot: fetch live data from an API, re-render charts when new numbers arrive, handle user authentication, filter and sort tables, and switch between views — all without reloading the page.

React

Instead of writing raw HTML, the components are written in React — small, reusable pieces of UI that manage their own state and update automatically when data changes.

Vite

A build tool called Vite compiles these components into the optimised HTML, CSS, and JavaScript that your browser actually runs.

Frameworks and Toolchains

On the previous page I introduced the concept of frameworks. Next.js is a well-known example. React + React Router + Vite together behave like a framework but technically are a toolchain.