This repository contains the completed code for this tutorial.
single-spa allows you to build micro frontends that coexist and can each be written with their own framework. This will allow you and your team to:
- Use multiple frameworks on the same page. see the single-spa ecosystem for more info
- Write code using a new framework, without rewriting your existing application
- Lazy load code for improved initial load time.
Single-spa can be used with just about any build system or javascript framework, but this tutorial will focus on creating a web app with Webpack, React, and AngularJS. Our tutorial puts everything into a single code repository, but it is also possible to have separate code repositories for each of your applications.
If you'd like to learn how to use single-spa with Angular 2+, Vue, or other frameworks, try these tutorials. And if you'd rather use a different build system instead of webpack, check out this tutorial
You can find the code for this tutorial. Read more about separating applications using single-spa.
Be sure to read through the single-spa docs, check the single-spa github and the help section for more support.
git clone git@github.com:alocke12992/single-spa-starting-from-scratch.git
cd single-spa-starting-from-scratch
yarn
yarn startCheck out the Starting From Scratch tutorial for this project on the single-spa website.