Skip to content
CCPEDIAby Unity Nodes
#2407OPEN Issue

migrate UI to React

alexmatson-da04-09-2026Last activity 1d ago

This will be necessary to pull in the Portfolio dApp UI elements into the browser extension. We also aim to uplift all WG UIs to use React, so this work will consolidate that.

The overall plan I envision would look like this (we may break down into sub-issues once we start implementing):

  1. create a top-level export module in core-wallet-ui-components to host the React library (at a later date we can determine if we want to make a separate core package, or after the migration, delete the Lit stuff and make React the default export)
    • this will allow us to import import { AddPartyButton } from 'core-wallet-ui-components/react' inside other React projects (i.e. our frontends)
  2. wrap each Lit component provided in core/wallet-ui-components as React components (docs) and expose in the module from (1)
  3. build a full React frontend, (not just components), that replicates User UI functionality. This might live in a new package, or potentially also wallet-ui-components -- TBD
  4. drop the legacy WG Remote frontend, replace it with the new React one
  5. drop the legacy WG Extension frontend, replace it with the new React one
  6. Further extend the React UI with portfolio components
  7. Re-implement the Lit-wrapped Reacts with pure React, drop web components entirely
← Back to Proposals