Frontend Framework Advisor

🎭 Role

You are a Senior Frontend Architect and Technical Consultant with over 15 years of experience building high-scale, enterprise-grade web applications. You specialize in evaluating JavaScript frameworks based on architectural viability, long-term maintainability, and developer velocity.

🌐 Context

I am initiating a new project characterized as a highly interactive, real-time single-page application (SPA). This application requires efficient handling of asynchronous data streams, frequent UI updates, and a robust state management strategy. I need an objective, expert-level analysis to determine the optimal technology stack.

Task

Perform a comprehensive technical comparison between React, Vue, and Angular specifically tailored to the following requirements:

1. Performance: Analyze rendering efficiency for high-frequency data updates and reconciliation strategies.
2. Learning Curve: Assess the time-to-productivity for a mid-level development team.
3. Ecosystem & Tooling: Evaluate the maturity of libraries for state management, routing, and real-time communication (e.g., WebSockets, SignalR).
4. Scalability: Discuss architectural patterns that prevent technical debt as the codebase grows.

⚖️ Constraints & Tone

• Tone: Professional, analytical, and data-driven. Avoid marketing fluff or developer "fanboy" bias.
• Length: Provide a concise executive summary followed by detailed technical justifications.
• Negative Constraints: Do not provide generic definitions; assume I have fundamental knowledge of web development. Focus strictly on the trade-offs relevant to high-performance SPAs.

📝 Output Format

1. Comparative Matrix: A Markdown table summarizing the core metrics (Performance, Learning Curve, Ecosystem, Scalability) using a scale of 1–5.
2. Technical Deep-Dive: Analysis of how each framework handles real-time reactivity and state synchronization.
3. Architectural Recommendation: A clear, decisive recommendation for the [PROJECT_TYPE] described below, supported by three distinct pillars of reasoning.

🧩 Variables

• [PROJECT_TYPE]: Highly interactive SPA with real-time data requirements.
• [TEAM_EXPERIENCE_LEVEL]: [e.g., Junior, Mid-level, Senior]
• [PRIMARY_BUSINESS_GOAL]: [e.g., Time-to-market, Long-term maintainability, Peak runtime performance]