Building Modern Web Apps with Micro Front-End Architecture

React and Vue are becoming increasingly popular for front-end application development.

The Hyderabad edition is a single-day event for sharing:

Practical insights on integrating React/Vue in front-end applications.
Performance improvements with React/Vue.
State management.
New developments.

Participate in ReactFoo-VueDay as:

Participant
Speaker
Volunteer
Reviewer
Collaborator
Sponsor

and discover your peers from the growing front-end community in India.

Talks from previous editions of ReactFoo are published on hasgeek.tv/reactfoo and hasgeek.tv/jsfoo

The Hyderabad edition will be held on 11 July 2020 at T-Hub, IIIT-H, Hyderabad.

For inquiries about speaking/collaborating with ReactFoo, write to reactfoo.editorial@hasgeek.com

For details on the Sponsorship and ticket inquiries, write to sales@hasgeek.com or call 7676332020

Hosted by

ReactFoo

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more

All submissions

Previous Next

Building Modern Web Apps with Micro Front-End Architecture

Submitted Feb 28, 2020

Duration of the session: 35 mins full talk

I Will Be Explaining about Migrating Existing Web Applications with the help of Micro Front-End Architecture. As the industry is moving towards Framework Oriented Web Designs we can migrate Framework to Framework without Dismantling the Existing Architecture. As There are diverse in Development frameworks like Angular, React and Vue we can Setup a project where all the frameworks can put in Use by Having a simple Node Engine to Render them all along in the same Page. Communicating Between the Different Frameworks can be done Via a simple State management tool. This Level of Architecture can be monolithic so the concept of component-driven Development can use to their full Extinct. This Architecture Can help large scale industries where migrating from one framework to another can be made simple and more efficient.

Outline #

This Talk will be covering about introductions to legacy Application structures and how easy it to migrate to the micro front ends. This Talk is completely based on my previous experience on migrating a complex eCommerce site into scalable micro front ends. The Session will be covered with the following topics.

Introductions to Micro Front End
React Based Component Driven Development
Node as Middleware
Routing
Server-Side Rendering
Building a Common State Management For Component Interaction
Ending the session with a demo to POC built with Micro Front Ends.

Speaker bio #

Web Developer with experience in design and developing user interfaces, testing, debugging and training staff within JavaScript technologies. Proven ability in optimizing web functionalities that improve data retrieval and workflow efficiency.