πŸ™
Frontend Dev Guide
  • ⚑Read Me First
  • πŸ“–Frontend Interview Guide
    • πŸ’¬Technical Behavior
      • Frontend Interview Questions
      • Answering Interview Questions
    • πŸ’»Coding Challenges
      • Frontend Code Challenges
      • Data Structures and Algorithms
        • Binary Search Tree
        • Blind 75 and Neetcode
      • Take Home Assignments
    • πŸ•ΈοΈFrontend System Design
      • What is Frontend System Design?
        • Parts of the Frontend System Design
          • 1) Gather Requirements
          • 2) Architecture/High Level Design
          • 3) Data Model and Flow
          • 4) API
          • 5) Optimization and Deep Dive
        • Example: Design Spotify
  • πŸ”¦Frontend Deep Dive
    • πŸ₯žMicrofrontends
    • 🧩Fundmentals
      • πŸ”΅Cross Browser Compatibility
    • πŸ“šFrameworks/Libraries
      • 🟒Vue
      • πŸ”΅React
        • Waterfalls, Unidirectional Data Flow
        • React Server Components
    • 🏁Patterns
      • 🟑Design Patterns
      • βšͺRendering Patterns
      • 🟣Performance Patterns
    • πŸ”‹Performance
      • βšͺNetwork Optimizations
      • 🟠Build Optimizations
      • 🟣Asset Optimizations
      • πŸ”΅Core Web Vitals
  • 🐍Python
    • βšͺDjango
      • Classbased Views (CBV)
      • Cross-Site Request Forgery (CSRF)
  • πŸ—»Working Life
    • 🟣Technical Communication
  • πŸ“šGlossary
  • πŸ’‘Resources
  • πŸ‘©β€πŸ’»About Me
Powered by GitBook
On this page
  1. Frontend Deep Dive

Microfrontends

Microfrontends are a software development approach that involves breaking down a monolithic frontend application into smaller, independently deployable units or components. These units, also known as microfrontends, are developed and managed by different teams or departments within an organization and can be integrated together to create a cohesive user experience. This approach allows for greater flexibility and scalability in development, as well as faster deployment and testing of new features.

Module Federation

Module federation is a feature in webpack that allows for the sharing of modules across different webpack builds. It allows for the creation of a centralized "entry" point for a set of modules that can be consumed by multiple other webpack builds, creating a modular and reusable codebase. This can greatly improve the efficiency and maintainability of large-scale projects by reducing code duplication and allowing for more flexible development.

PreviousFrontend Deep DiveNextFundmentals

Last updated 2 years ago

πŸ”¦
πŸ₯ž