W
wagmi-development
Umiejętność do tworzenia funkcji Wagmi na wszystkich warstwach – od akcji core po hooki React i Vue.
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do pełnostakowego rozwoju biblioteki Wagmi. Automatyzuje tworzenie nowych akcji, opcji zapytań i bindingów frameworkowych dla React i Vue. Pracuje z warstwą core (akcje oparte na Viem), integracją TanStack Query oraz komponentami frameworkowymi. Idealna dla deweloperów rozszerzających Wagmi o nowe funkcjonalności.
Jak używać
- Zainstaluj skill w swoim projekcie Wagmi, upewniając się, że masz dostęp do repozytoriów packages/core, packages/react i packages/vue.
- Gdy dodajesz nową akcję, zacznij od warstwy core w packages/core/src/actions/. Importuj typy i funkcje z Viem z prefiksem viem_ (np. viem_getBalance), aby uniknąć konfliktów nazw.
- Utwórz funkcję akcji, która pobiera konfigurację i parametry, następnie używa config.getClient({ chainId }) do dostępu do klienta i getAction() do zawinięcia funkcji Viem.
- Dodaj opcje zapytań w packages/core/src/query/, integrując nową akcję z TanStack Query dla cachowania i synchronizacji stanu.
- Utwórz binding dla React w packages/react/src/hooks/ i dla Vue w packages/vue/src/composables/, eksponując funkcjonalność jako hooki lub composables natywne dla każdego frameworka.
- Skill obejmuje tylko akcje oparte na Viem – nie dotyczy akcji konfiguracyjnych Wagmi, które wymagają innego podejścia.