SwoffReact Ecosystem
Swoff adapters, hooks, and components for React-based frameworks.
React Ecosystem
All React-based frameworks share the same adapter layer — hooks and components. The only difference is where you inject the files.
Available Guides
| Framework | Description |
|---|---|
| React + Vite | Plain React with Vite |
| Next.js | Static export mode |
| Remix | Client-side mode |
| TanStack Router | File-based routing |
| TanStack Start | Full-stack (client-only) |
Shared Adapter Layer
- React Hooks —
useSWUpdate,useSWProgress,useCachedFetch,useMutationQueue,useAuth,usePushSubscription,useNetworkStatus,useBackgroundSync,useCacheInvalidation - React Components —
UpdatePrompt,SWProgressBar,InstallButton,OfflineErrorBoundary - Data Fetching — TanStack Query integration for powerful data management
Next Steps
- Start with React + Vite for the simplest setup
- Understand the concepts: What is Offline