Skip to content

Modernize admin UI to use React and WP components #103

Description

@jeffpaul

What problem does this address?

The plugin currently uses a legacy PHP-based admin settings experience. In alignment with the recommendations from core ticket #64308, let's look to update the plugin’s admin interfaces (provider selection, experiment toggles, and other admin-side functionality) to use the modern WP design system and React-based components.

What is your proposed solution?

  • Replace the current PHP-rendered settings UI with a React implementation that leverages the @wordpress/components package.
  • Follow the patterns and styling defined in the official Figma Design Library and ensure consistency with the Site Editor and other canonical plugins.
  • Refactor admin screens for: Provider selection and configuration
  • Refactor admin screens for: Experiment toggles and descriptions
  • Refactor admin screens for: Any future experiment settings or diagnostics interfaces
  • Update plugin documentation to note that all new and updated UIs should be built using React and the WordPress Components design system.
  • Reference prior examples such as Preferred Languages PR #546 as implementation guidance.

Activity

  1. added this to the 0.3.0 milestone on Nov 26, 2025
  2. jeffpaul commented on Nov 26, 2025

    @jeffpaul
    MemberAuthor

    Let's make sure whoever picks this up also includes #35 in their effort.

  3. self-assigned this
    on Dec 1, 2025
  4. modified the milestones: 0.3.0, 0.4.0 on Feb 9, 2026
  5. moved this from To do to In progress in WordPress AI Roadmapon Feb 9, 2026
  6. pinned this issue on Feb 10, 2026
  7. removed this from the 0.3.1 milestone on Feb 17, 2026
  8. 2 remaining items

  9. modified the milestones: 0.4.0, 0.5.0, 0.5.0, 0.6.0 on Mar 5, 2026
  10. modified the milestones: 0.6.0, 0.7.0 on Mar 20, 2026
  11. jeffpaul commented on Apr 8, 2026

    @jeffpaul
    MemberAuthor

    Closed via #340.

  12. unpinned this issue on Apr 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions