Interfejs użytkownika i formularze
Na tej stronie
Interfejs pozwala użytkownikowi przejść przez przepływ pracy aplikacji. 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 |
Są to publicznie dostępne zależności i standardy ekosystemu. Dokładny zestaw zależności aplikacji zależy od wygenerowanego projektu i opracowanych funkcji; nie każda aplikacja wymaga wszystkich wymienionych bibliotek.
Zastosowanie w projekcie
- Opisz potrzebne zachowanie w specyfikacji lub historyjce.
- Poproś agenta, by zastosował istniejące w projekcie konwencje OwlMeans Common.
- Gdy chcesz lepiej poznać daną zależność, zapoznaj się z dokumentacją odpowiedniego publicznego pakietu.
- Sprawdź w podglądzie, jak działa dana funkcja i jakie obowiązują przy niej zasady 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 należy 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 OwlMeans Tech Concept, aby poznać architekturę aplikacji, oraz kontynuuj pracę z innym agentem, aby poznać przepływ pracy ze środowiskiem agenta.
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
Nazwy shadcn/ui, React, React DOM, Radix UI, Tailwind CSS, Lucide, React Hook Form, i18next, Sonner, react-dropzone, 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.