jazz-ui-development

Use this skill when building, debugging, or optimizing Jazz applications. It covers Jazz's bindings with various different UI frameworks, as well as how to use Jazz without a framework. Look here for details on providers and context, hooks and reactive data fetching, authentication, and specialized UI components for media and inspection.

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.