JavaScript アプリケーションでグローバル状態とリアクティブ効果を管理するために開発した軽量ライブラリを共有できることを嬉しく思います!

Client Hook JS は、状態管理を簡素化し、プロジェクトの副作用を処理するように設計されています。これは React フックに似ていますが、グローバル スコープで動作するため、さまざまなアプリケーションに多用途なツールになります。

?主な特長

• グローバル状態管理: 状態変数を簡単に定義および管理します。
• リアクティブ効果: 状態の変化に基づいて副作用を登録および処理します。
• 自動 HTML 更新: HTML 要素をグローバル状態にシームレスにバインドします。

用途

1. useState

useState(name, value)

指定された名前と初期値を使用してグローバル状態変数を作成します。コード内のどこからでも状態を取得および更新できるようにします。

2.エフェクトの使用

useEffect(callback, variables)

指定された状態変数のいずれかが変化するたびに実行されるコールバック関数を登録します。コールバックは、これらの変数の現在の値を使用して直ちに呼び出され、後続の更新時にトリガーされます。

3. HTML の自動更新

次のように HTML 要素で client-hook 属性を宣言する場合:

count 状態変数の値が変更されると、

タグが自動的に更新され、count の新しい値が反映されます。これにより、DOM を手動で更新するための追加コードを必要とせずに、HTML 要素をグローバル状態にバインドする簡単な方法が提供されます。

これをチェックして、Client Hook JS でコーディングを始めましょう! ?
GitHub リポジトリ: https://github.com/cttricks/client-hooks-js

?ねえ、私は主に私自身の学習と個人的なプロジェクトのためにこのライブラリを作成しました。 JavaScript アプリの状態と効果を管理する簡単かつ効果的な方法を探している場合は、ぜひ試してみてください。

ニーズに応じて自由に探索、使用、変更してください。フィードバック、貢献、提案を歓迎します。一緒にさらに良いものにしていきましょう！ ?