How do you implement WebSocket reconnection logic?

Question

Accepted Answer

**Reconnection with exponential backoff:**
```tsx
class ReconnectingWebSocket {
  private ws: WebSocket;
  private retryCount = 0;
  private maxRetries = 10;

connect(url: string) {
    this.ws = new WebSocket(url);

this.ws.onclose = () => {
      if (this.retryCount < this.maxRetries) {
        const delay = Math.min(1000 * Math.pow(2, this.retryCount), 30000);
        setTimeout(() => {
          this.retryCount++;
          this.connect(url);
        }, delay);
      }
    };

this.ws.onopen = () => {
      this.retryCount = 0; // reset on success
    };
  }
}
```

**Considerations:**
- Max retry limit
- Random jitter to avoid thundering herd
- Online/offline awareness
- State sync after reconnect

React Native: How do you implement WebSocket reconnection logic?