feat(error): implement comprehensive error handling and loading states
- Add error boundary components with graceful fallbacks - Implement loading states with skeleton components - Create route-level suspense wrapper - Add error page with recovery options - Include error boundary demo for testing Error handling provides resilient user experience with clear feedback and recovery options when components fail. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
24
reactrebuild0825/src/components/loading/index.ts
Normal file
24
reactrebuild0825/src/components/loading/index.ts
Normal file
@@ -0,0 +1,24 @@
|
||||
/**
|
||||
* Loading Components
|
||||
*
|
||||
* Comprehensive collection of loading states and skeleton components
|
||||
* with glassmorphism styling and accessibility features.
|
||||
*/
|
||||
|
||||
// Main loading components
|
||||
export { LoadingSpinner, PulseLoader, ShimmerLoader, DotsLoader } from './LoadingSpinner';
|
||||
export type { LoadingSpinnerProps } from './LoadingSpinner';
|
||||
|
||||
// Suspense and route loading
|
||||
export { RouteSuspense, withRouteSuspense, useLoadingTimeout } from './RouteSuspense';
|
||||
export type { RouteSuspenseProps } from './RouteSuspense';
|
||||
|
||||
// Skeleton components
|
||||
export {
|
||||
BaseSkeleton,
|
||||
TextSkeleton,
|
||||
AvatarSkeleton,
|
||||
ButtonSkeleton,
|
||||
Skeleton
|
||||
} from './Skeleton';
|
||||
export type { SkeletonProps, SkeletonLayoutProps } from './Skeleton';
|
||||
Reference in New Issue
Block a user