Productionizing the Gadget Quiz App extension with React
The quiz template for Gadget is a great way to start building an app with a theme app extension. The template populates the DOM by manually creating elements & setting the innerHTML. For example
This is of course cumbersome. Can React be used here?
I'm concerned about 2 things when it comes to using react here:
1. Does the shopify page prevent proper functioning of react in such cases?
2. Is React generally frowned upon for using such app extensions (possibly because of performance concerns)?
3. Does anyone have any example projects that point me to the dev setup for such extensions with a single Gadget repo like the template? You can see I'll need a completely new Webpack, Vite, or another bundler setup to compile the React code (JSX) into plain JavaScript.
recommendedProductHTML += "</div></div>";
document.getElementById("questions").innerHTML = recommendedProductHTML;
This is of course cumbersome. Can React be used here?
I'm concerned about 2 things when it comes to using react here:
1. Does the shopify page prevent proper functioning of react in such cases?
2. Is React generally frowned upon for using such app extensions (possibly because of performance concerns)?
3. Does anyone have any example projects that point me to the dev setup for such extensions with a single Gadget repo like the template? You can see I'll need a completely new Webpack, Vite, or another bundler setup to compile the React code (JSX) into plain JavaScript.
