React NSN

Overview

Developed an open-source lightweight, customizable React component and hook to detect and handle network connectivity issues. Provides real-time online/offline status notifications for web applications with zero external dependencies.

Key Contributions

• Built useOnlineStatus() hook with real-time connectivity detection, exponential backoff polling, and manual checkNow()
• Developed OnlineStatusNotification component with animated UI, dark mode support, and customizable positioning
• Achieved ~10.7KB full bundle and ~1.4KB headless mode (gzipped) with zero dependencies
• Published to npm as react-nsn with comprehensive documentation and browser compatibility (IE11+)
• Implemented custom health-check logic support and status change callbacks