AmrAhmedA
React NSN
Personal Project · Open Source

React NSN

ReactTypeScriptOpen Source
Bezoek github.com
Rol
Maker & Beheerder
Bedrijf
Personal Project
Open Source
Tijdlijn
2022 – Present
Team
Solo (open source)
Tech Stack
ReactTypeScriptnpmCSS

Overzicht

Een open-source lichtgewicht, aanpasbaar React-component en hook ontwikkeld om netwerkconnectiviteitsproblemen te detecteren en af te handelen. Biedt real-time online/offline statusmeldingen voor webapplicaties zonder externe dependencies.

Belangrijkste Bijdragen

  • useOnlineStatus() hook gebouwd met real-time connectiviteitsdetectie, exponentiële backoff polling en handmatige checkNow()
  • OnlineStatusNotification-component ontwikkeld met geanimeerde UI, dark mode-ondersteuning en aanpasbare positionering
  • ~10.7KB volledige bundel en ~1.4KB headless mode (gzipped) bereikt zonder dependencies
  • Gepubliceerd op npm als react-nsn met uitgebreide documentatie en browsercompatibiliteit (IE11+)
  • Ondersteuning voor aangepaste health-check logica en statuswijzigingscallbacks geïmplementeerd