Toggle Tiger React SDK

A React SDK for subscribing to feature flags via WebSocket. Provides a context provider and a useToggle(toggleID) hook for accessing real-time feature flag values.

Features

• WebSocket connection to ws://localhost:8080
• Real-time feature flag updates
• React context provider for flag state
• useToggle(toggleID) hook
• TypeScript support
• Auto-reconnect on disconnect

Usage

import { ToggleTigerProvider, useToggle } from 'toggle-tiger-react-sdk';

function App() {
  return (
    <ToggleTigerProvider>
      <MyComponent />
    </ToggleTigerProvider>
  );
}

function MyComponent() {
  const flag = useToggle('new-feature');
  return <div>New Feature is {flag?.value === 'on' ? 'Enabled' : 'Disabled'}</div>;
}

Roadmap

• Authentication support
• Flag caching
• SSR support
• More robust error handling

For more details, see the source code and comments.