Move away from react-mosaic for the code editor UI

Created on 24 April 2025, 1 day ago

⚠️ Proposal to consider in the future. Currently on hold.

Overview

The code editor UI uses react-mosaic to lay out the different panels to interact with the code, preview, and component data. We don't make use of a lot of features from react-mosaic — certainly not its window management and drag & drop capabilities. The only feature we use is resizing the panels. This means unnecessary complexity.

Proposed resolution

Depending on how the UI of the code editor will evolve, we may want to consider moving away from react-mosaic in favor of a more lightweight solution. The solution can be as simple as styling we introduce ourselves, or we can look into using e.g. react-resizable-panels, also being used by shadcn/ui, which is a good indicator of quality.

User interface changes

TBD

Feature request
Status

Postponed

Version

0.0

Component

Theme builder

Created by

🇳🇱Netherlands balintbrews Amsterdam, NL

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024