Great video and explained the core concepts well. I wonder if there are any more advanced videos covering more realistic scenarios such as splitting out an app with NgRx state management and authorisation?
Thanks for sharing this kind of content. I really loved the content and learned A LOT with this short video. I just want to ask: How can we manage the global state with tools like NgRx and module federation? Through libs?
5:40 when I try this, I get an error: " Cannot read properties of null (reading 'length')" -> in an empty angular application created just now, with no libraries, just the app. When I pass the verbose parameter, I get: "Error: ENOENT: no such file or directory, open {blablablah}\app.routes.ts". There is no routes file indeed, in fact none of my nx applications has a route file, it is never created by default at least.
@@madipta it's bugged. The solution for me was to delete the app, then use the create new HOST, this way you don't need to transform anything. Simply start with an empty app
Really nice video! I have a question, do we need to add a baseHref to the remote apps build options in order to find the path properly if we serve the production folder in a NGINX server?
Hey. Yeah if you look at the deployment section later in the video, you'll see that the prod webpack config is being adjusted to specify the endpoint where the apps can be found. Now in this one I just used a simple local http server to for the sake of simplicity. You might also define some path mappings/redirects in ur NGINX config - Juri
@@nxdevtools nice! thanks for the quick answer. I was also wondering about how we can combine this with the affected, since the target is related to the HOST app and you force implicit dependencies, how you can take advantage of the affected technology? Thanks!
Nice content and great explanation as always. Thank you :)
Great video and explained the core concepts well. I wonder if there are any more advanced videos covering more realistic scenarios such as splitting out an app with NgRx state management and authorisation?
This was great. Thank you!
Glad it was helpful!
Great insights, thank you 💪
Glad you enjoyed it!
Thank you!
You're welcome!
Thanks for sharing this kind of content. I really loved the content and learned A LOT with this short video. I just want to ask: How can we manage the global state with tools like NgRx and module federation? Through libs?
noice, thank you!
5:40 when I try this, I get an error: " Cannot read properties of null (reading 'length')" -> in an empty angular application created just now, with no libraries, just the app. When I pass the verbose parameter, I get: "Error: ENOENT: no such file or directory, open {blablablah}\app.routes.ts". There is no routes file indeed, in fact none of my nx applications has a route file, it is never created by default at least.
Can you open an issue on our repo, ideally with a small reproduction repository? That'd be amazing, so we can look into it 🙏🏻
I had same problem, so how to fix this?
@@madipta it's bugged. The solution for me was to delete the app, then use the create new HOST, this way you don't need to transform anything. Simply start with an empty app
Very nice one, how about call api rest from the server without showing it at the browser?
Explained really well except, I don't know what the benefit of module federation is? Perhaps I missed it?
you have multiple small apps that you're routing through that are loaded lazily
This is great. My one question is, Is there any way to share singleton services between the remotes/host?
Really nice video! I have a question, do we need to add a baseHref to the remote apps build options in order to find the path properly if we serve the production folder in a NGINX server?
Hey. Yeah if you look at the deployment section later in the video, you'll see that the prod webpack config is being adjusted to specify the endpoint where the apps can be found.
Now in this one I just used a simple local http server to for the sake of simplicity. You might also define some path mappings/redirects in ur NGINX config - Juri
@@nxdevtools nice! thanks for the quick answer. I was also wondering about how we can combine this with the affected, since the target is related to the HOST app and you force implicit dependencies, how you can take advantage of the affected technology? Thanks!
Nice content! How could we use angular-material with this approach?
Can you elaborate?
Is module federation benefit just to improve serve time locally?
I suppose it doesn't affect build time or serving times in built applications.
In my case remotes are not getting built while building the Host app, i have added remotes in implicit dependencies as well ?
Question where May put a component in every single module, in the remote module or in the library?? That I don't get it
@Juri Strumpflohner, why nx generator for remotes doesn't handle implicitDependencies set-up by default when you explicitly specify --host option?
It probably should and something we might want to improve for sure 👍. Thanks for the feedback
Hi, You doing great!. I have small doubt in webpack.prod.config.js ---> remotes array that is how it works? Can you explain this?