ajax-patterns

What problem does it solve?

This Skill addresses the complexities and common pitfalls in handling client-server communication using modern JavaScript APIs like Fetch, ensuring robust, efficient, and user-friendly data interactions.

Core Features & Use Cases

• Fetch API Best Practices: Implement secure and reliable data fetching with proper error handling.
• Request Cancellation: Prevent race conditions and unnecessary network activity using AbortController.
• Retry Mechanisms: Build resilience against transient network issues with exponential backoff.
• Deduplication: Avoid redundant requests for the same resource.
• Optimistic UI: Enhance perceived performance by updating the UI before server confirmation.
• Real-time Communication: Understand when to use Polling, SSE, or WebSockets.
• File Uploads: Handle file uploads with progress indication.
• CORS Handling: Understand server-side CORS configuration.
• Legacy AJAX: Maintain existing jQuery AJAX codebases.

Quick Start

Use the ajax-patterns skill to implement a robust fetch request with retry logic for the '/api/users' endpoint.