Redux Offline screenshot

Redux Offline

Author Avatar Theme by Redux offline
Updated: 26 Feb 2025
6143 Stars

Build Offline-First Apps for Web and React Native

Categories

Overview:

Redux Offline is a persistent Redux store designed for creating offline-first applications with support for optimistic UI. It can be used with React, React Native, or as a standalone state container for any web app. The library is now community-maintained under the npm organization @redux-offline.

Features:

  • Persistent Redux store: Allows creating offline-first applications.
  • Optimistic UI support: Provides first-class support for optimistic UI.
  • Compatibility: Can be used with React, React Native, or as a standalone state container.

Installation:

  1. Install with npm:
npm install @redux-offline/redux-offline
  1. Add the offline store enhancer with compose:
import { offline } from '@redux-offline/redux-offline';
  1. Decorate actions with offline metadata:
import { offline } from '@redux-offline/redux-offline';
  1. Ask permission to read network status (for React Native Android):
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Summary:

Redux Offline is a community-maintained library providing a persistent Redux store for building offline-first applications with support for optimistic UI. It offers compatibility with React, React Native, and as a standalone state container. By following the installation guide and utilizing its key features, developers can enhance the offline capabilities of their web applications.