Toolverse
All skills

state-management

by redpanda-data

Manage client and server state with Zustand stores and React Query patterns.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
4

About this skill

Manage client and server state with Zustand stores and React Query patterns.

How to use

  1. Aktywuj skill, gdy pracujesz nad zarządzaniem stanem — zwłaszcza gdy masz pytania o współdzielenie danych między komponentami, persystencję stanu lub pobieranie danych z serwera.
  2. Skonsultuj drzewo decyzyjne: zacznij od pytania "Czy to dane z serwera (odpowiedź API)?". Odpowiadając na kolejne pytania, dotrzesz do rekomendowanego rozwiązania.
  3. Dla odczytywania ze sklepu Zustand użyj wytycznych z pliku use-zustand-selectors.md — zawiera on najlepsze praktyki selekcji danych.
  4. Jeśli chcesz zachować stan między nawigacją, przejrzyj use-zustand-persist.md, aby skonfigurować persystencję.
  5. Do pobierania i cachowania danych z API zastosuj React Query lub Connect Query — skill wskaże use-react-query-for-server.md z szczegółowymi instrukcjami.
  6. Dla bardziej złożonych scenariuszy przejrzyj pełne reguły w katalogu rules/ — zawierają one szczegółowe wytyczne dla każdego typu stanu.

Related skills

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

browser-use

by browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

Frontend
23107

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335