Micro Frontend Quiz

What is a Micro Frontend?

• A back-end architecture style

• A single cohesive front-end application

• An architectural style where a front-end application is decomposed into smaller, independent pieces

• A database management system

Which of these are MFE integration patterns?

• Runtime Web Component

• Module Federation

• Native Federation

• All of the above

What is one of the main benefits of Micro Frontends?

• Increased monolithic codebase

• Independent deployments

• Single team development

• Reduced scalability

Which of the following is NOT a characteristic of Micro Frontends?

• Independent deployment

• Independent development

• Tight coupling with Shell app and other Micro Frontends

• Independent technology stack

Which of the following is a key principle in designing Micro Frontends?

• Monolithic architecture

• Reusable and Single Responsibility principle

• Centralized state management

• Direct DOM manipulation

What does the concept of "vertical slice" in Micro Frontends refer to?

• A design pattern for back-end services

• A section of the application that spans all layers from UI to data storage

• A type of database partitioning

• A way to structure CSS files

What is a smart component? Select all that apply.

• Encapsulates business logic

• Often are Stateful

• Stateless and dependent on data provided

• All the above

What is the correct statement for Runtime Web Components?

• Host and Remote bundles are generated as one bundle and deployed.

• Host and Remote bundles are generated as two separate bundles and deployed independently.

• Host and Remote bundles are generated as two separate bundles and deployed together.

Micro Frontends allow to integrate components developed in different languages. True or False?

• True

• False

How can consistent styling across multiple micro front ends be ensured?

• Using different design systems for each micro front end

• Implementing a shared design system or component library

• Avoiding CSS altogether

• Ignoring styling concerns