AmrAhmedA
React NSN
Personal Project · Open Source

React NSN

ReactTypeScriptOpen Source
Visiter github.com
Rôle
Créateur & Mainteneur
Entreprise
Personal Project
Open Source
Chronologie
2022 – Present
Équipe
Solo (open source)
Stack Technique
ReactTypeScriptnpmCSS

Aperçu

Développé un composant React open-source léger et personnalisable et un hook pour détecter et gérer les problèmes de connectivité réseau. Fournit des notifications de statut en ligne/hors ligne en temps réel pour les applications web sans dépendances externes.

Contributions Clés

  • Construit le hook useOnlineStatus() avec détection de connectivité en temps réel, polling avec backoff exponentiel et checkNow() manuel
  • Développé le composant OnlineStatusNotification avec UI animée, support du mode sombre et positionnement personnalisable
  • Atteint ~10.7KB bundle complet et ~1.4KB mode headless (gzippé) sans aucune dépendance
  • Publié sur npm sous react-nsn avec documentation complète et compatibilité navigateur (IE11+)
  • Implémenté le support de logique de health-check personnalisée et les callbacks de changement de statut