From the course: Micro Front-End Architecture with React

Unlock this course with a free trial

Join today to access over 24,800 courses taught by industry experts.

Communication between micro-frontend layers

Communication between micro-frontend layers - React.js Tutorial

From the course: Micro Front-End Architecture with React

Start my 1-month free trial Buy for my team

Communication between micro-frontend layers

“

- [Instructor] In a micro-frontend architecture, it is essential that different components or fragments can communicate effectively. This interaction allows for seamless user experiences where actions in one micro-frontend can influence others. Let's look at how this communication work across various layers. There are several techniques for enabling communication between micro-frontends. Micro-frontends can communicate through a centralized event bus or by using custom events. For example, one micro-frontend can dispatch an event and others can listen for that event to react accordingly. In frameworks like React, you can pass data between components via props. This requires a shared parent component that manages the state and distribute it to its child micro-frontends. Micro-frontends can also communicate through API calls. One micro-frontend can make a request to a shared backend service and the response can be utilized by other components, and showing data consistency across the…

Contents