How to Render UI Extensions Outside Extensions

Retired Boards Appdev Extensions
1

Hi,

I am trying to build an editor on our app dashboard that will show users a preview of the extension. How can I accomplish this with

@shopify/ui-extensions-react

Since it would need to be rendered outside the context of an extension

2

Hi Shopappsllc

The @Shopify_77 /ui-extensions-reactpackage is designed to work within the context of a Shopify extension. It relies on the Shopify extension environment to receive and handle data. Rendering it outside of this environment, such as in your own app dashboard, would be challenging and may not work as expected.

However, there are a few alternative ways to give users a preview of the extension:

  1. Mock Data: You could potentially mock the data and environment necessary for the extension to run, but this may be complex and time-consuming, and it may not catch all edge cases.

  2. Screenshots/Videos: A simpler alternative might be to take screenshots or record a video of the extension in action within the Shopify environment. This could then be displayed to users in your app dashboard.

  3. Live Preview: If feasible, consider providing a live preview feature where users can see the extension working in a test or demo store.

Hope this helps!