Hello, I’ve just started getting into shopify development and completed Build App Example tutorial. It was a great tutorial, but really only covered the merchant back office flow. The app I’d like to build interacts with the online store. I’ve read through the docs and started using app blocks. My …

Just in case you haven’t solved this yet. Is is possible to use React within an extension. You can use tools like webpack and babel to bundle up your react app into a single file (i.e. bundle.js). Then in your block, just include that one file. Your app-block.liquid file may look something like th…

If you haven’t done so (since your new) you’ll need to familiarize yourself with the CLI commands to be able to deploy the app and build the extensions: https://shopify.dev/docs/apps/tools/cli/commands. You’ll also need to install the App to your store via your Shopify Partners account if you haven’…

[Ken38_0-1704897425669.png] [Ken38_1-1704897485398.png] Extension is showing in dev store but it’s not showing the content as you can see I write the simple content but it’s not showing in mystore

Can you show any code or errors?

[Ken38_0-1704946997455.png] [Ken38_1-1704947011647.png] [Ken38_2-1704947026513.png] [Ken38_3-1704947037230.png]

Can you check and reply me pls let me know if I do wrong

I don’t see anything wrong with your code from what you shared. Double check your file paths and look at your console in the browser. See if that “Home” console log shows up. Add more console logs as necessary to troubleshoot. Also, does the the div show up at all in the HTML when you inspect it? A…

Hey @Jamflynt , I wanted to understand how are you dealing with assets like images? For e.g. - The React app I’ve set up outside in another folder is working correctly and is deployed too, but I’m facing issues displaying the images which are stored in the /assets folder inside the theme-extension. …

We have a few images stored in an assets folder in the src of our React app that we reference. These are small things like icons that are compiled with the React app. The rest we have in blob storage and reference those urls. There would be some serious size limitations on any files you’d be bundl…

Hello! @ozzyonfire Thanks for the insights on how to use react on shopify extensions. I’ve installed an image editor library on the extension, do you have idea why this error occurs ? Thanks! [greekfreak_034_0-1708841146242.png] Trying to add a sticker (.png) from my s3 bucket.

Use React in app block theme extension

Retired Boards Appdev Store Design

Ken38 January 12, 2024, 4:41am 59

Hey buddy, Have you solved your problem if you’re solved please let me know how you do that

Topic		Replies	Views
Theme App Extensionsの実装方法として、Reactを用いることができるか Shopify アプリ	6	111	March 18, 2022
How to use React js in theme app extension? Shopify Discussion troubleshooting	5	582	June 20, 2024
App block extension Store Design	0	28	October 11, 2021
How to use React js in Theme app extension? Shopify Discussion troubleshooting	1	102	August 3, 2023
Embed react app into shopify theme Store Design	16	1278	December 25, 2020

Use React in app block theme extension

Related topics