Starting from Scratch with single-spa

Project Overview

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:

1. Use multiple frameworks on the same page. see the single-spa ecosystem for more info
2. Write code using a new framework, without rewriting your existing application
3. 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.

Project Set up

git clone git@github.com:alocke12992/single-spa-starting-from-scratch.git
cd single-spa-starting-from-scratch
yarn
yarn start

Tutorial

Check out the Starting From Scratch tutorial for this project on the single-spa website.