Microservice architecture is an architectural style that structures an application as a collection of
services that are highly maintainable and testable, Loosely coupled, Independently deployable,
Organized around business capabilities and owned by a small team
Micro-frontends are the answer to today’s increasingly complex web applications. Inspired by
the microservices model, this approach lets organizations break interfaces into separate features
managed by different teams of developers.
In this lecture we will focus on Microfrontends idea, concept, advantages and what kind of options we have to implement this architecture with react.
based on Microfrontend approach. We will use mainly JavaScript ( React )
we will also go over a few capabilities in React that will improve our application loading time, new features and development tools.

1. JavaScript – Advanced knowledge
2. Typescript – Basic knowledge
3.  Node.js – Basic knowledge
4. React – Basic knowledge
5. HTML
6. CSS

Micro-Frontends & Microservices introduction

1. What Are Microservices?
2. Microservices At a Glance
3. Key Concepts of Microservices
4. Advantages of Microservices
5. Should I Use Microservices?
6. Microfrontend overview & advantages

Microfrontend Architecture & Concept

1. Applying Microservices concept in frontend
2. Define Microfrontend
3. Domain driven design
4. Bounded context definition
5. Microfrontend routing
6. Microfrontend communication

Micro-frontends Demo with React

React new Features & development tools.

1. Suspense
2. Code splitting.
3. New react hooks.
4. Redux toolkit
5. Vite