Frontend

Jump to bottom

Duncan Parker edited this page Jul 16, 2025 · 1 revision

Frontend Design: Electron/React

QuantX uses an Electron/React frontend as a dedicated, dynamic presentation layer.

Why Electron/React?

Iterate Quickly: React's component model enables rapid UI development.
Prettier UI: Modern design and interactivity.
Resource Moat: Electron runs as a standalone app, preventing resource competition with browser tabs.

No Strategy Logic in the Frontend

The frontend does not perform any strategy computation or make trading decisions.
No React hooks are used to fetch live data; all UI is driven by state fed from backend via websockets or Redis.

What the Frontend Does

Displays dashboards, charts, logs, and controls.
Receives and renders real-time data streams.
Sends user commands (e.g., start/stop strategy) to the backend via defined API endpoints or sockets.

What the Frontend Does Not Do

No direct data fetching from APIs.
No strategy code, simulation, or analytics.

For more, see Working with QuantX.