Interfejs użytkownika i formularze
Na tej stronie
Interfejs udostępnia procesy aplikacji osobie, która z niej korzysta. OwlMeans Common łączy znane biblioteki interfejsu z konwencjami dotyczącymi formularzy, nawigacji i tożsamości.
Biblioteki według zastosowania
| Biblioteka lub standard | Zastosowanie | Publiczny pakiet OwlMeans |
|---|---|---|
| React i React DOM | Renderują interaktywne ekrany aplikacji. | @owlmeans/web-client |
| shadcn/ui | Udostępnia komponenty interfejsu, z których korzysta obecna rodzina paneli webowych. | @owlmeans/web-panel |
| Radix UI | Udostępnia podstawowe elementy interfejsu, takie jak okna dialogowe, menu i kontrolki wyboru. | @owlmeans/web-panel |
| Tailwind CSS | Pomaga zachować spójne style dzięki klasom użytkowym. | @owlmeans/web-panel |
| Lucide | Udostępnia ikony interfejsu do wielokrotnego użytku. | @owlmeans/web-panel |
| React Hook Form i adaptery resolverów | Zarządzają polami formularzy i łączą je z walidacją. | @owlmeans/client-panel |
| i18next | Obsługuje przetłumaczone teksty aplikacji. | @owlmeans/client-i18n |
| Sonner | Wyświetla powiadomienia aplikacji. | @owlmeans/web-panel |
| react-dropzone | Pozwala wybierać i przesyłać pliki. | @owlmeans/web-client |
| qrcode.react | Renderuje kody QR tam, gdzie wymaga ich dana funkcja. | @owlmeans/web-panel |
To publiczne zależności i standardy ekosystemu. Dokładny zestaw zależności aplikacji zależy od wygenerowanego projektu i zrealizowanych funkcji; nie każda aplikacja wymaga wszystkich wymienionych tu bibliotek.
Zastosowanie w projekcie
- Opisz w specyfikacji lub historyjce, jak ma działać potrzebna funkcja.
- Poproś agenta, aby korzystał z konwencji OwlMeans Common już stosowanych w projekcie.
- Gdy chcesz lepiej zrozumieć daną zależność, przejrzyj dokumentację odpowiedniego publicznego pakietu.
- Wypróbuj tę funkcję w podglądzie i sprawdź jej reguły dostępu.
Poproś agenta o formularz kontaktowy z etykietami, jasnymi komunikatami o błędach pól i nawigacją za pomocą klawiatury. Wpisz nieprawidłowy adres e-mail i sprawdź, czy formularz wyjaśnia, co trzeba poprawić.
Interfejs użytkownika (UI) to zestaw ekranów i kontrolek, z których korzysta użytkownik. Biblioteka formularzy pomaga spójnie obsługiwać wprowadzone wartości, błędy i wysyłanie formularza.
Przeczytaj Koncepcję techniczną OwlMeans, aby poznać architekturę aplikacji, a sposób pracy z harnessem opisuje poradnik Kontynuuj rozwój z innym agentem programistycznym.
Przykład aplikacji
Kategoria: CRM i zarządzanie klientami. Przykład: CRM dla małego zespołu z przypisywaniem kontaktów do opiekunów i dostępem dla menedżera.
Nazwy i znaki towarowe
Nazwy shadcn/ui, React, React DOM, Radix UI, Tailwind CSS, Lucide, React Hook Form, i18next, Sonner, react-dropzone i qrcode.react oraz wszelkie powiązane znaki pozostają własnością odpowiednich właścicieli lub opiekunów projektów. Odwołania służą identyfikacji produktów, standardów lub przykładów źródłowych. Dokumentacja OwlMeans nie sugeruje sponsorowania ani poparcia ze strony tych właścicieli.