Тёмный

Building a React Micro-Frontend Application with Single SPA 

SoftCode
Подписаться 1,7 тыс.
Просмотров 18 тыс.
50% 1

Start building large front-end applications using the Single-SPA Micro-Frontend Library with different front-end technology.
#singlespa #microfrontend #microservice

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@davidebukali1508
@davidebukali1508 5 месяцев назад
Thank you sir, best tutorial on single-spa for me 🎉
@santoshbhat-lo6rz
@santoshbhat-lo6rz 2 месяца назад
great tutorial..!! keep it up.. waiting for more content..
@avinashdhar18
@avinashdhar18 Год назад
good job! thank you so much for this content, it's really helpful to understand micro frontend pattern
@OlegWin355
@OlegWin355 Год назад
Thank you, great tutorial video! 👍👍👍👍
@soft-code
@soft-code Год назад
Glad you enjoyed it!
@varshagopal7623
@varshagopal7623 25 дней назад
Could you show how to click on the link to angular code too. 19:16
@prasenpatil4201
@prasenpatil4201 2 месяца назад
Thanks for video , I have a query if i create 2 applications inside the base application will i be able to communicate between these 2 applications for example my folder structure is : base has 2 folders legacy and modern which are both react applications. so will be able to communicate between legacy and modern ? if any one is watching this comment and has any idea about this please do reply
@sayantan6398
@sayantan6398 6 месяцев назад
Most usefull stuff🙌
@groot1110
@groot1110 2 года назад
nice video. Could you show how to setup single-spa with react + vite?
@adiyogi1003
@adiyogi1003 3 месяца назад
thanks it worked
@siddheshb.kukade4685
@siddheshb.kukade4685 2 месяца назад
Thank you sir
@kadetito74
@kadetito74 Год назад
good job! Sorry, I have a question about this navigation element. When I created it using Angular, the navigation appears randomly when reloading the browser. Do you have any advice? Thanks!!!
@justFunFORalllaught
@justFunFORalllaught 7 месяцев назад
Good one
@syedhannan546
@syedhannan546 6 месяцев назад
I wanted to know if I have to integrate an authentication provider ex. Keycloak with my application how should i do it? Should I integrate it with the root config application or is it required to be integrated with the child applicatons?
@nidhinn6296
@nidhinn6296 Год назад
Great content. How can we define the routing for the react micro app ?
@nyambakatvshowke9524
@nyambakatvshowke9524 Год назад
Good idea
@BeingDeveloperWithAB
@BeingDeveloperWithAB Год назад
Why are you hard coding urls, how it will pick runtime urls of apps. Like qa and prod dev env urls of apps.
@ericnoguchi8884
@ericnoguchi8884 Год назад
I had to add react and react Dom to the imports map to get this to work why didn't you need that for your setup?
@soft-code
@soft-code Год назад
Those were part of the generated dependencies for the react application. You may want to check if that same for your case.
@Emre-hr8vf
@Emre-hr8vf Год назад
@@soft-code I had to add them too to the imports map, so i think you should pin this comment for others to see this.
@user-lb9te3ew8c
@user-lb9te3ew8c 7 месяцев назад
Hey, great video thanks for sharing the information. I am trying to integrate tailwind css into react micro frontend app but I am facing some issues. Can you help me out or guide me in some way?
@anvuan5473
@anvuan5473 3 месяца назад
How can i going up to React 18?
@devopstr
@devopstr Год назад
Hi, Great content. How do we run in these applications on different docker container?
@felipesoares1171
@felipesoares1171 2 года назад
good job, have you tried single-spa + module Federation (webpack 5)?
@soft-code
@soft-code 2 года назад
Thanks Felipe, I would take a look at this.
@hoseinmirian
@hoseinmirian Год назад
thanks for the video. is there any github code to share?
@shwetayadav8011
@shwetayadav8011 2 года назад
Hey it's really helpfull.I have one question is root config only used for route or register the application?
@soft-code
@soft-code 2 года назад
No, however those are the two major things to be done in the root-config. You and also implement some single spa APIs, detecte route change as well as some other functionalities on the root-config.
@user-ns7eu5cw3i
@user-ns7eu5cw3i Год назад
it would be better if you provide source code
Далее
Microfrontends with single-spa
50:41
Просмотров 25 тыс.
Apple Event - September 9
1:38:50
Просмотров 25 млн
Dropping In from the Clouds 🌁
00:17
Просмотров 1,8 млн
Что думаете?
00:54
Просмотров 564 тыс.
Micro Frontends - The why and how to get started!
15:51
Micro-Frontends: What, why and how
9:39
Просмотров 155 тыс.
Single spa app with Angular and React micro frontends
25:06
Micro Frontend Architecture - Luca Mezzalira, DAZN
27:47
Vite and Module Federation Makes Micro-Frontends EASY!
27:36