Ep. 5: Micro Frontends Architecture in Practice Pt. 2 w/ Rakesh Menon & Gautam Chadha

Posted on Leave a comment

This is the second part of a two-part series.

This episode is hosted by AnuRock. In the last episode we were joined by Rakesh and Gautam to talk about micro frontends. We discussed the origins of micro frontends and dissected its various integration approaches. Today we will continue our discussion with Rakesh and Gautam.

Topics:

  • Micro frontends as default for all modern web projects?
  • Micro frontends decision framework by Luca Mezzalira 
  • Horizontal vs vertical splitting
  • Communication between micro frontends
  • Pitfalls of using micro frontends
  • Monorepos
  • Sparse checkout
  • Tools to manage micro frontends: Nx, Lerna, Yarn Workspaces, Gitlab
  • Jade
  • Libraries for micro frontends: Webpack 5, Piral, AWS Serverless Micro Frontends@Edge
  • Special advice

Quick Snip:

Microservices with Nest.js (by Prashi Kapoor)

Side Bytes:

  • Masala Labs (a book on culinary skills)
  • Model-based testing
  • The Code Breaker (a book by Walter Isaacson)
  • Blockchain Revolution (a book by Tapscott brothers)
  • Luca (a movie by Pixar)

Transition music courtesy https://mixkit.co

Ep. 4: Micro Frontends Architecture in Practice Pt. 1 w/ Rakesh Menon & Gautam Chadha

Posted on Leave a comment

This is the first part of a two-part series. To be continued in Ep. 5.

This episode is hosted by AnuRock. Today we are joined by Rakesh and Gautam to talk about micro frontends.

Rakesh Menon is a Senior Experience Technology Architect and a polyglot developer who specializes in JavaScript. He works with different teams to implement and enforce engineering best practices and modern standards. He’s perhaps best known for consulting on GraphQL and Micro frontends.

Gautam Chadha is a hands-on Senior Experience Technology Architect, specialized in building high-performance web applications. He has architected enterprise applications for Financial, Retail and Hospitality clients. He has also worked in multiple implementations of micro-frontends and microservices in Node.js and demand driven design using GraphQL.

Topics:

  • What is a micro frontend?
  • Micro frontends vs. library of components
  • Independent deployability and testability
  • Different approaches to stitch together micro frontends to create a unified application: client-side composition, server-side composition, edge-side includes
  • Routing
  • Communication patterns
  • State management
  • How to compose a page with a couple of components from Frontend A, one from Frontend B, another couple from Frontend C, and so on
  • Microservices as an inspiration model
  • Core/Platform vs. Domain teams
  • Backend for frontend (BFF) strategy

Quick Snip:

Real-world case study of micro frontends including challenges (by Sudhir Madaan)

Transition music courtesy https://mixkit.co

Ep. 3: Building Crazy Fast Web Applications w/ Manish Shekhawat

Posted on Leave a comment

This episode is hosted by AnuRock. Today we are joined by Manish to talk about performance. Manish is a Senior Architect Experience Technology. He is currently part of a digital transformation project in retail domain for an Australian client through an omni-channel solution to improve time of market of features across brands and channels in both B2B and B2C market space.

He joins us to talk about performance, an often ignored topic in web development but one that has the potential to make or break your business.

Topics:

  • Why is it important to make a website fast?
  • Business/revenue impact
  • User engagement/retention
  • Customer acquisition
  • Perceived vs. actual user experience
  • Google WebVitals
  • How does one make their website fast?
  • Culture, mindset, shift-left
  • Platform/framework level optimizations
  • JS/CSS/Markup optimization
  • Third parties
  • Framework specific Issues and optimization – React, routing etc.
  • Server side improvement during SSR
  • Caching Strategies – redis, node in-memory
  • CDN
  • Tools to measure performance: Lighthouse, WebPageTest, JMeter/Load Runner, Gatling
  • Important metrics: LCP, TBT, CLS
  • Lab vs. field data testing
  • Reference web applications

Side Bytes:

  • What the Buddha Taught (a book by Walpola Rahula Thero)
  • The Psychology of Money (a book by Morgan Housel)
  • Family Man (web series)
  • Sport season (Euro Cup, French Open, Wimbledon)