Ich freue mich, eine kompakte Bibliothek zu teilen, die ich für die Verwaltung des globalen Zustands und reaktiver Effekte in JavaScript-Anwendungen entwickelt habe!

Client Hook JS wurde entwickelt, um die Statusverwaltung zu vereinfachen und Nebenwirkungen in Ihren Projekten zu bewältigen. Es ähnelt React-Hooks, arbeitet jedoch mit einem globalen Geltungsbereich, was es zu einem vielseitigen Tool für verschiedene Anwendungen macht.

? Hauptmerkmale

• Globales Zustandsmanagement: Definieren und verwalten Sie Zustandsvariablen ganz einfach.
• Reaktive Effekte: Registrieren und behandeln Sie Nebenwirkungen basierend auf Zustandsänderungen.
• Automatische HTML-Updates: Binden Sie HTML-Elemente nahtlos an den globalen Status.

Verwendungsmöglichkeiten

1. useState

useState(name, value)

Erstellt eine globale Statusvariable mit einem angegebenen Namen und Anfangswert. Ermöglicht das Abrufen und Aktualisieren des Status von überall in Ihrem Code.

2. useEffect

useEffect(callback, variables)

Registriert eine Rückruffunktion, die immer dann ausgeführt wird, wenn sich eine der angegebenen Statusvariablen ändert. Der Rückruf wird sofort mit den aktuellen Werten dieser Variablen aufgerufen und bei nachfolgenden Aktualisierungen ausgelöst.

3. Automatische HTML-Updates

Wenn Sie das Client-Hook-Attribut für ein HTML-Element deklarieren, wie zum Beispiel:

Wenn sich der Wert der Zählstatusvariablen ändert, wird das Tag

automatisch aktualisiert, um den neuen Wert von count widerzuspiegeln. Dies bietet eine einfache Möglichkeit, HTML-Elemente an den globalen Status zu binden, ohne dass zusätzlicher Code zum manuellen Aktualisieren des DOM erforderlich ist.

Schauen Sie es sich an und beginnen Sie mit dem Codieren mit Client Hook JS! ?
GitHub Repo: https://github.com/cttricks/client-hooks-js

? Hey, ich habe diese Bibliothek hauptsächlich für mein eigenes Lernen und persönliche Projekte erstellt. Wenn Sie nach einer einfachen und effektiven Möglichkeit suchen, Status und Effekte in Ihren JavaScript-Apps zu verwalten, probieren Sie es aus!

Fühlen Sie sich frei, es entsprechend Ihren Anforderungen zu erkunden, zu verwenden und zu ändern. Ich freue mich über jedes Feedback, jeden Beitrag oder jede Anregung. Lasst es uns gemeinsam noch besser machen! ?