Developing a Micro Front-end Application using React [Tutorial]

Profile Picture of Leo Cristofani
Leo Cristofani
Senior Developer
A desk with a laptop computer and frontend technologies logos
Originally published on Jan 11, 2019Last updated on Apr 3, 2024

Key Takeaways

What are micro frontends?

A micro frontend is a web development pattern where frontend UI is composed of mostly independent fragments. Each of these fragments can be developed by a different team using different technologies. Micro frontends resemble the backend concept of microservices, providing similar benefits in ease of maintenance and development.

When should you use a micro frontend?

Micro frontends are best suited for situations where an application is complex. Using a micro frontend provides you with more utility for customizing a frontend to meet a specific need. In addition, each frontend component can be worked on independently, making it easier to divide each component among a team.

What are examples of microservices?

Microservices are small pieces of code that achieve a single goal. As an example, consider an application that takes orders from customers to ship products to them. There would typically be an ordering microservice that handles customer requests for orders. This microservice has both a frontend for the user to interact with and a backend to handle user requests.