Single Spa + Federated Modules = Wow!

Single Spa + Federated Modules = Wow!

Jack Herrington

4 года назад

52,681 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Kirti Sahai
Kirti Sahai - 17.07.2023 13:03

Hi Jack, Are we using runtime module federaton or build time module feration here?

Ответить
Alessandro Russo
Alessandro Russo - 17.05.2023 18:41

Is there any way to version parcels like piles in Piral?

Ответить
Hira Malik
Hira Malik - 25.03.2023 09:14

Thanks for the video! Helped a lot!
I have a question, can we use systemjs import-maps to import existing MFE which are not using Module Federation and others(using module federation) using Webpack imports? Or is it that we can only import using one of these option at one time in our root app?
Any advice would be much appreciated!

Ответить
Amir Torabi
Amir Torabi - 15.02.2023 23:26

Please make some cool projects using these two techs

Ответить
José André Sampaio
José André Sampaio - 27.01.2023 20:40

Why are remotes defined with only a string value, like nav: "nav" ? With module federation should be nav@somehost:8080 right?

Ответить
Feng Xue
Feng Xue - 18.11.2022 10:57

Very nice video! Do you have any plan to explain how to make it production and deploy to server?

Ответить
v0lky1
v0lky1 - 11.11.2022 12:24

Thanks Jack! The code just worked out of the box! Perfect for my proof of concept for my eventual graduation project! I didn't know you could have the MFE's as packages and not bother with "yarn install" in all the respective MFE's. Really adds simplicity to development! I take it it has something to do with those ws scripts, I'm looking into it! Thanks again. This was great!

Ответить
Nexus Long Xiang
Nexus Long Xiang - 27.10.2022 08:08

Great video Jack ! I am stuck trying to convert using systemJs from create-single-spa into using module federation. What's your take on converting into using module federation from create-single-spa? Is it easier to just install single-spa as a standalone package so that I do not need to worry the default webpack configuration done up by create-single-spa?

Ответить
Pradipkumar Hinge
Pradipkumar Hinge - 12.10.2022 12:19

I did not get the part where in product-image package we are re-writing mount for adding event listeners. What exactly is the issue if we don't do it ? I love your videos @Jack Herrington
Thanks in advance.

Ответить
Jerónimo Carrizo
Jerónimo Carrizo - 03.10.2022 11:59

What a beautiful video and your advice at the end, really nice job Jack! Really Inspiring!

Ответить
Sandeep Ks
Sandeep Ks - 16.09.2022 21:44

Can we use different versions of angular and react inside a single-spa application using module federation

Ответить
Dhira
Dhira - 25.07.2022 18:08

localhost remotentry.js is either hard coded in index.html or webpack.config.js. Is there a way to pull from json file has all entries like url, component name, etc and registerapplication?

Ответить
Rob
Rob - 08.06.2022 22:03

Hi Jack, thanks for the great video! I wanted to ask: what value does single-spa add over just using federated modules?

The library seems to add a lot of boilerplate just to get some routing niceties, and it seems you can do a very similar thing with just federated modules.

Here's an example of importing your Header into a React using WP5 federated modules.

const header = React.lazy(() => import('Header'));

What am I misunderstanding here?

Ответить
sangameshwar puramwar
sangameshwar puramwar - 06.06.2022 16:50

Hi Jack, i have cline the git repo and ran it but getting app-errors.js:11 Uncaught Error: application 'product-image' died in status LOADING_SOURCE_CODE: Module "./ProductImage" does not exist in container.
while loading "./ProductImage" from webpack/container/reference/productImage
at container-entry:12:1
at async Promise.all (:3001/index 0) error for all products.
Am i Missing anything here

Ответить
Jo
Jo - 15.02.2022 20:07

A short video on Angular remote in a React shell with Webcomponents and Module Federation, no Single-SPA. 😪

Ответить
Santhosh Podduturi
Santhosh Podduturi - 21.01.2022 02:23

Hi Jack
When I try to run two Single spa + module federation Angular apps, I am seeing following error
A platform with different configuration has been created. Please destroy it first.
This is happening when 2nd micro front-end is loading

Can you please help with this?
Thank you

Ответить
Santhosh Podduturi
Santhosh Podduturi - 07.01.2022 02:24

I have a micro-frontend app written using Single Spa with Module Federation. Now I just want to use a directive from another app which has Module Federation configuration but not Single Spa. So can I just use this directive in micro front-end app?

Ответить
Remiel Evangelio
Remiel Evangelio - 06.01.2022 14:11

Hey Jack, great video. Does that mean all other single-spa applications needs to be running on the background before you can use them?

Ответить
Nikolay Aleksandrenko
Nikolay Aleksandrenko - 31.12.2021 16:14

Can you make more of this conceptual talks? Less code - more ideas, comparisons and examples.

Ответить
HeRuHaiLiu Huang
HeRuHaiLiu Huang - 28.12.2021 19:37

Hello, i have a question : how to manage the router?

Ответить