Minko Gechev | Converging Web Frameworks | ViteConf 2024

Learn how web frameworks like Angular, React & Vue are converging in their approaches to reactivity, performance & architecture, with insights from Google's WIS system.

Key takeaways
  • Angular and React are becoming more similar in their underlying approaches despite different syntax, with shared concepts in reactivity, event handling, and component architecture

  • Signals - a reactivity primitive used by Vue, Angular, Solid, and Svelte - has emerged as a common foundation across frameworks, enabling fine-grained reactivity and better performance

  • WIS (Web Infrastructure System) at Google demonstrated significant performance improvements through resumability and event replay:

    • 35% better input latency on low-end devices
    • 60 FPS swiping performance in YouTube mobile
    • Increased user engagement
  • Modern frameworks are converging on similar optimizations:

    • Incremental hydration
    • Fine-grained code loading
    • Server-side rendering
    • Tree pruning algorithms
    • Component-based architecture
  • Framework stability and backward compatibility remain critical:

    • Angular manages 27,000+ pull requests
    • Extensive testing infrastructure
    • Focus on maintaining compatibility while innovating
  • Common trends across frameworks:

    • Dependency injection patterns
    • Context/state management
    • Component tree traversal optimization
    • Event handling mechanisms
    • Code splitting capabilities
  • The future points toward further framework convergence, with teams collaborating to establish industry best practices and shared primitives

  • When choosing a framework, key considerations should be:

    • Community support
    • Long-term maintainability
    • Ecosystem stability
    • Team familiarity
    • Use case requirements