R
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
How to use
- Zainstaluj skill react-ui-patterns w swoim środowisku Claude, dodając go do katalogu skills. 2. Otwórz projekt React, w którym chcesz zastosować wzorce — przygotuj komponent z zapytaniem do API lub hook'iem pobierającym dane. 3. Zapoznaj się z główną zasadą: pokazuj wskaźnik ładowania tylko wtedy, gdy nie masz żadnych danych do wyświetlenia. Unikaj migotania loadera na danych z cache'u. 4. Zastosuj decyzyjne drzewo wyboru stanu — najpierw sprawdź błąd, potem czy ładujesz bez danych, następnie czy masz dane, a na koniec czy lista jest pusta. 5. Wybierz odpowiedni typ wskaźnika: użyj szkieletu dla znanych kształtów treści (listy, karty, ładowanie strony), a spinnera dla nieznanego kształtu (modalne akcje, wysyłanie formularza). 6. Wdrażaj obsługę błędów warstwowo — błędy pól w formularzu, powiadomienia toast dla błędów odwracalnych, a komunikaty błędów dla krytycznych problemów.