Fetch Error Retry
OfficialStandardize error recovery on data-fetching pages with retry functionality.
Authorbytetalent
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill standardizes the user experience for data-fetching page errors, providing a clear and consistent way to retry failed fetches.
Core Features & Use Cases
- Error Recovery: Ensures users see a persistent error banner with a retry button when a data fetch fails.
- Retry Mechanism: The retry button triggers a re-run of the fetch logic without duplicating it.
- Shared Component: Uses a shared
FetchErrorBannercomponent for consistency. - No Silent Failures: Prevents silent error swallowing and ensures all errors are presented to the user.
- Use Case: Ideal for Next.js and Expo apps where data fetching is critical, such as loading user profiles or product listings.
Quick Start
Use the 'Fetch Error Retry' skill to handle fetch errors on your data-fetching pages by ensuring the fetchError state is properly managed and the FetchErrorBanner is rendered when necessary.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Fetch Error Retry Download link: https://github.com/bytetalent/docs/archive/main.zip#fetch-error-retry Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.