Building Modern Web Apps with Micro Front-End Architecture

Apr 2020

30 Mon

31 Tue

1 Wed

2 Thu

3 Fri 08:50 AM – 05:30 PM IST

4 Sat 08:50 AM – 03:15 PM IST

5 Sun

Raman Hall, IITM Research Park, Chennai, Chennai

JSFoo is a platform for:

Practising front-end engineers to share insights from their work about web application development.
Learning from peers.
Discovery of emerging trends for JavaScript in India.
Understanding perspectives on component architecture, front-end security, performance and emerging trends.

Full schedule published here: https://hasgeek.com/jsfoo/2020-chennai/

Talks at Chennai edition will cover:

DevSecOps and vulnerabilities to secure on the front-end.
JAM Stack.
WebAssembly.
Accessibility and building accessible apps.
Front-end architecture and processes; micro-frontends.
Design patterns.

Speakers from Freshworks, Appsecco, Deque software, Flipkart, ThoughtWorks and Zestomoney will share their learnings and experiences.

Talks from previous editions of JSFoo are published on hasgeek.tv/jsfoo

The Chennai edition will be held on 3 April 2020 at Raman Hall, IITM Research Park, Chennai.

For inquiries about speaking/collaborating with JSFoo, write to jsfoo.editorial@hasgeek.com

##Click here for the Sponsorship deck.
For more details on the Sponsorship and ticket inquiries, write to sales@hasgeek.com or call 7676332020

#Gold Sponsor

#Silver Sponsor

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

This submission has been added to the schedule

Building Modern Web Apps with Micro Front-End Architecture

Submitted Feb 23, 2020

Duration of the session: 30 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.