jazz-ui-development

Jazz UI Development to umiejętność dla Cursor, która wspiera tworzenie interfejsów użytkownika opartych na Jazz. Obejmuje integrację z popularnymi frameworkami (React, Svelte, React Native, Vanilla JS), zarządzanie stanem autentykacji, obsługę mediów oraz debugowanie problemów z reaktywnością i synchronizacją danych. Użyj jej do optymalizacji wydajności subskrypcji danych, konfiguracji dostawców i kontekstów, a także rozwiązywania problemów z ładowaniem i wyświetlaniem danych w interfejsie.

1. Aktywuj umiejętność Jazz UI Development w Cursor, gdy pracujesz nad interfejsem użytkownika opartym na Jazz — szczególnie gdy budujesz komponenty wyświetlające lub modyfikujące dane Jazz.

2. Wybierz odpowiedni przewodnik dla swojego frameworka: React (wraz z React Native lub Expo, jeśli je używasz), Svelte lub Vanilla JS. Każdy przewodnik zawiera szczegółowe instrukcje integracji i dostęp do API CoValue.

3. Skonfiguruj dostawcę autentykacji i kontekst Jazz w aplikacji, aby umożliwić komponentom dostęp do danych i zarządzanie stanem uwierzytelnienia.

4. Implementuj reaktywne pobieranie danych za pomocą hooków i subskrypcji dostępnych w wybranym frameworku — umiejętność zawiera szczegóły dotyczące właściwości takich jak $isLoaded i wzorce subskrypcji.

5. Debuguj problemy z reaktywnością, ładowaniem lub synchronizacją danych, odwołując się do sekcji dotyczącej obsługi mediów i komponentów inspekcji. Jeśli dane nie pojawiają się w interfejsie, ale uprawnienia są poprawne, sprawdź wzorce ładowania i subskrypcji.

6. Dla zagadnień związanych ze schematami danych, uprawnieniami lub testowaniem użyj odpowiednich umiejętności: jazz-schema-design, jazz-permissions-security lub jazz-testing.