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…

Good solution, but I read the theme app extension document, there are some file and content size limits: [theme-app-extension.jpg] https://shopify.dev/docs/apps/online-store/theme-app-extensions/extensions-framework#file-and-content-size-limits But for react V18.2.0, React(7KB) + React-dom(132KB…

I think you misread the app content column, its “locale” not “local” file, which are the language translation files in your ‘extensions > locales’ folder. The max. size for compressed JS of 10 KB is only suggested, so ich you don’t extend the max. size for all extension files of 10 MB you should be …

I used it your git report for the theme extension but It’s completely deployed there is not showing me any content when I use the extension in Shopify store it’s showing nothing can you help how I can do that I’m new in Shopify extension I don’t know more about extension

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’…

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…

Use React in app block theme extension

Retired Boards Appdev Store Design

Ken38 January 10, 2024, 2:39pm 54

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

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

Use React in app block theme extension

Related topics