Single spa Layout Engine tutorial | Angular microfrontends

preview_player
Показать описание
Single-spa Layout Engine tutorial - We explore both the HTML and JSON formats supported by the single-spa-layout engine. The features provided by layout engine include Page not found/404 UI, Loading UI indicator, Passing props to applications and Error UI.

00:00 - Introduction
00:58 - Installation new app
05:46 - HTML Format Layout
08:49 - Installation existing app
10:31 - JSON Format Layout
13:06 - Page Not Found UI
15:08 - Loading UI
17:38 - Passing Props to apps
22:38 - Error UI
  1. JS Frameworks
  2. single spa
  3. micro frontend
  4. single-spa tutorial
  5. single-spa angular
  6. single-spa angular tutorial
Рекомендации по теме
Single spa Layout 0:25:10

Single spa Layout Engine tutorial | Angular microfrontends

Single spa Micro 0:29:23

Single spa Micro frontend - Methods of inter app communication

Micro Frontends using 0:09:42

Micro Frontends using Single SPA

Microfrontends Single-SPA Layout 0:00:55

Microfrontends Single-SPA Layout #Shorts

How to get 0:16:39

How to get started with Micro-Frontends using Single-SPA

create Single-SPA root 0:03:55

create Single-SPA root config Microfrontend Using create-single-spa

Single spa app 0:25:06

Single spa app with Angular and React micro frontends

Single Spa + 0:11:07

Single Spa + Federated Modules = Wow!

Mastering Single SPA 0:09:29

Mastering Single SPA A Comprehensive Guide

create single spa 0:00:57

create single spa root config using create-single-spa #Shorts

Single spa app 0:10:38

Single spa app with Vue.js micro frontends (Vue2/Vue3)

Single-Spa Intro 0:01:57

Single-Spa Intro

Microfrontends Single-SPA Passing 0:00:54

Microfrontends Single-SPA Passing Props #Shorts

Javascript tutorial: local 0:09:57

Javascript tutorial: local development with microfrontends, single-spa, and import maps

Single-spa Framework with 0:05:56

Single-spa Framework with Angular 18 Standalone Microfrontends

Single-spa Parcel tutorial 0:20:47

Single-spa Parcel tutorial - React/Angular parcels in React/Angular Single-spa app

Building a React 0:20:23

Building a React Micro-Frontend Application with Single SPA

A Leap towards 1:10:39

A Leap towards a Micro-Frontend Architecture using Single-Spa.js

Angular 15 standalone 0:11:19

Angular 15 standalone components within Single spa #angular

Micro Frontends - 0:01:27

Micro Frontends - Single SPA e React #meusEstudos

NashJS - November 1:26:21

NashJS - November 2020 - Intro to Single SPA and Q & A

Single spa app 0:13:37

Single spa app with Angular and Angularjs micro frontends

Single-spa Angular applications 0:17:33

Single-spa Angular applications using webpack module federation

Stardew Valley Characters... 0:00:19

Stardew Valley Characters... In Real Life?!?

Комментарии
Автор

Excellent video and explanation of Single SPA. Thank you very much!

LuisBlancoAustin
Автор

Wow, very clear and another great tutorial about single-spa. I highly recommend this.

larryamisola
Автор

NIce tutorial! i have a question if for example in your about app you also have some other routes, and in the app.routing you also created their paths
{path:'contact', component: ContactComponent}, how can you access to this route form the single-spa?

SergioMM
Автор

Hi, I have few request. I don't usually do this but i wanted know the approach other developers follows.
1) Could you please create tutorial on how to deploy our service on npm registry so that it can be installed as "npm i myservice" ?
2) Performance testing on Angular and Proper way to use Angular chrome extension
3) Localization in Angular

rafiquemohammed
Автор

Hi Great video but i am facing one issue where my nav bar keep on getting drop sometimes when I move between routes any suggestions for this behaviour

RohanSingh-evpe
Автор

Hi,
After creating single spa application in angular global file level scss are not reflecting..but component level scss are reflecting..

Is any configuration to add in angular.json file.

senthilkumar-xlyy
Автор

I created a single-spa project and run successfully, but it was not working but nothing shows. I recommend you to please try to create a single-spa latest project with the latest node version and add the links in the comments. At least give me a short video

subahankhan
Автор

one question here rendering is happening client side only right ? not single-spa-sever rendering is used?

javascriptduniya
Автор

facing issue accessing assets can you please help me with that

orchid