This content originally appeared on Level Up Coding - Medium and was authored by Rany ElHousieny
This article will explain how to create Microfrontends using Single-SPA CLI create-single-spa using a hands-on example.
What is a MicroFrontend?
If you are new to MicroFrontends, please start with the following article.
Micro-Frontends: What, why, and how
Setting up your machine:
If you do not have nodejs, npm, and visual studio installed, please follow the article and the videos below:
Step1: Install NodeJs and npm on Mac
Create Root Config
Let’s create the root config that orchestrates the microfrontends and glue them together using create-single-spa. The following article will explain the steps to create a root config in detail.
Single-SPA root config Microfrontend Using create-single-spa
Create the first Microfrontend Application
Creating a Single-SPA Microfrontend Application Using create-single-spa
Understanding Single-SPA Root/Host
The single-spa root is the host or the container that will mount other microfrontends
The previous article explained how to build a single-spa root. The following article will explain the files created by create-single-spa.
Understanding Single-SPA Root/Host
Microfrontends with Single-SPA was originally published in Level Up Coding on Medium, where people are continuing the conversation by highlighting and responding to this story.
This content originally appeared on Level Up Coding - Medium and was authored by Rany ElHousieny
Rany ElHousieny | Sciencx (2022-03-30T18:42:44+00:00) Microfrontends with Single-SPA. Retrieved from https://www.scien.cx/2022/03/30/microfrontends-with-single-spa/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.