sse-frontend-patterns

What problem does it solve?

This Skill provides battle-tested patterns to optimize real-time browser dashboards using native EventSource / Server-Sent Events, solving issues like flaky connections, 429 errors, and console noise.

Core Features & Use Cases

• Real-time Dashboard Patterns: Offers patterns for secure token handling, auto-reconnect logic, and error handling.
• Auth via URL: Handles authentication by including tokens in the URL, as EventSource cannot send headers.
• API Fetch Wrapper: Ensures consistent token handling across fetch calls.
• Exponential Backoff: Implements an auto-reconnect mechanism with exponential backoff to avoid rate limit issues.
• Use Case: For a developer building a real-time dashboard that requires secure, reliable communication with a backend server.

Quick Start

Implement the exponential backoff pattern for SSE reconnection in your dashboard using the provided JavaScript template.