graphql-schema
GraphQL queries, mutations, and code generation patterns. Use when creating GraphQL operations, working with Apollo Client, or generating types.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
GraphQL queries, mutations, and code generation patterns. Use when creating GraphQL operations, working with Apollo Client, or generating types.
How to use
Utwórz plik .gql w katalogu komponentu lub w folderze graphql/ — napisz w nim zapytanie GraphQL (query) lub mutację (mutation) z parametrami i polami, które chcesz pobrać.
Uruchom kodogenerator poleceniem npm run gql:typegen — narzędzie automatycznie wygeneruje plik .generated.ts z typami TypeScript i hookami React.
Zaimportuj wygenerowany hook do komponentu (np. useGetItemsQuery lub useCreateItemMutation) — nigdy nie pisz surowych Apollo hooków ręcznie.
W komponencie użyj hooku, przekazując zmienne jako opcje — hook zwraca data, loading, error i refetch, którymi zarządzasz w JSX.
Dla mutacji zawsze dodaj obsługę błędów (onError handler) — nie pomijaj tego kroku, aby uniknąć nieobsługiwanych wyjątków.
Nigdy nie wstawiaj literałów gql bezpośrednio w kod — zawsze twórz osobne pliki .gql i generuj z nich typy.