The ScandiPWA folx are watching these comments (in a good way). So if you have questions, concerns, ideas, what have you, be sure to comment here and get the information you need!
Is it possible to dynamically load these extension points on runtime ? I'm trying to build a page rendered completely through an API which contains component tree to load dynamically using react loadable. Any suggestions ?
The magic happens at Webpack build time, so I think the answer is no. But there is Module Federation as an option for that. Federated Modules can be loaded dynamically and they can act as plugins. It's not quite the same workflow, but the end results could be similar.
You CAN do it, while it would require some low level playing around. Check the window.plugins variable. It contains all the plugins loaded. The "magic" indeed happens in build-time, however once the app is built, it can accept any plugins. Try modifying the "window.plugins" in runtime and the magic will still work!
So I could build a root application that has, say Authentication in it, and let others use the application for their needs, and when I update my root application, they can just run the updated root application to automatically get the updates. I hope this takes off! What’s the ecosystem like right now? Is this gaining traction?
Yes! We splited these tools apart from our e-commerce application in the end of last year. So it's very fresh. We do not really have a good idea on how to proceed with our promotion just yet. We are very happy to see positive feedback ❤️ This means a lot to us!!
@@fredgenkin450 I hope it tales off!!! I love Vue... I love Vuetify because it makes it easy to make a nice looking application... I will LOVE whatever comes next from this (though its react based; ha!) as it the next tier of making rapid application building so much faster!
Please can you do some more tutorials using this tech with react and how we could integrate external plugins into our react app based on the Wordpress type plugin, (plug and play )
Thanks for the reminder. The ScandiPWA folks have been busy and I've been focused on Typescript/React to the exclusion of that. I'll get back in contact with them and see if they have something that's ready for some more videos.
I more than sure it does, while the process of enabling it is different from CRA's default. Just create TypeScript files and it should work. Avoid using tsconfig, as it forces the "src/" folder to contain at least one .ts file, which might not be the case, in case it's just the extension using it.
@@fredgenkin450 if you are with Scandi... the “get started” link on your homepage leads to a 404. There’s a bunch of other broken links as well. I got frustrated using the site.
The ScandiPWA folx are watching these comments (in a good way). So if you have questions, concerns, ideas, what have you, be sure to comment here and get the information you need!
Super cooool. 🤯🙌 Cheers Jack!
Is it possible to dynamically load these extension points on runtime ? I'm trying to build a page rendered completely through an API which contains component tree to load dynamically using react loadable. Any suggestions ?
The magic happens at Webpack build time, so I think the answer is no. But there is Module Federation as an option for that. Federated Modules can be loaded dynamically and they can act as plugins. It's not quite the same workflow, but the end results could be similar.
@@jherr Yes, I saw that one too. I'll give it a try. All your tutorials are really helpful.
You CAN do it, while it would require some low level playing around. Check the window.plugins variable. It contains all the plugins loaded. The "magic" indeed happens in build-time, however once the app is built, it can accept any plugins. Try modifying the "window.plugins" in runtime and the magic will still work!
So I could build a root application that has, say Authentication in it, and let others use the application for their needs, and when I update my root application, they can just run the updated root application to automatically get the updates. I hope this takes off! What’s the ecosystem like right now? Is this gaining traction?
Yuuuuuup. 😊 This is all very new stuff. AFAIK ScandiPWA are the only folks using it. But, part of this channel is about future looking stuff.
Yes! We splited these tools apart from our e-commerce application in the end of last year. So it's very fresh.
We do not really have a good idea on how to proceed with our promotion just yet. We are very happy to see positive feedback ❤️ This means a lot to us!!
@@fredgenkin450 I hope it tales off!!! I love Vue... I love Vuetify because it makes it easy to make a nice looking application... I will LOVE whatever comes next from this (though its react based; ha!) as it the next tier of making rapid application building so much faster!
Please can you do some more tutorials using this tech with react and how we could integrate external plugins into our react app based on the Wordpress type plugin, (plug and play )
Thanks for the reminder. The ScandiPWA folks have been busy and I've been focused on Typescript/React to the exclusion of that. I'll get back in contact with them and see if they have something that's ready for some more videos.
@@jherr Amazing, cannot wait, thank you
@jherr Hi, I wonder what is the modern equivalent these days?
That's awesome! Thank you
Super cool; does anything like this exist for vite?
Damn this is HOT HOT HOT Jack!!! I love it! I have to come up with an excuse to build something with this architecture on a personal project.
That was huge Jack, amazing.
This is great! Thanks a lot!
Another great video! Curious, Does it support typescript?
I haven’t checked that yet.
I more than sure it does, while the process of enabling it is different from CRA's default. Just create TypeScript files and it should work. Avoid using tsconfig, as it forces the "src/" folder to contain at least one .ts file, which might not be the case, in case it's just the extension using it.
We need a guide in docs for that ✔️
@@fredgenkin450 if you are with Scandi... the “get started” link on your homepage leads to a 404. There’s a bunch of other broken links as well. I got frustrated using the site.
@@DedicatedManagers Thank you, just rolled out massive docs upgrade, will fix in the coming hours!
Realy, realy cool! Thanks!
awesome
🤯
FINALLYYYYYYYYYYY!!!! I made a very basic plugin system for myself last year but this helps soooo much
Right? Plugins are this massive hole in the JS/TS ecosystem.