Imagine your team just deployed an amazing todo list app. A month later, another team in your company wants to run your todo app within their invoice app.
So now you need to run your todo app in two spots:
- By itself
- Embedded within the invoice app
What’s the best way to handle that? 🤔
To run an app in multiple spots, you have three options:
- iframe — Embed the todo app in the invoice app via an <iframe>.
- Reusable App Component — Share the entire todo app.
- Reusable UI Component — Share only the todo app’s markup.
Option 2 and 3 are typically shared via npm for client-side apps.