Інтэрфейс і формы
На гэтай старонцы
Інтэрфейс дазваляе чалавеку праходзіць працоўны працэс застасунку. OwlMeans Common аб’ядноўвае знаёмыя бібліятэкі інтэрфейсу з формамі, навігацыяй і правіламі ідэнтыфікацыі.
Бібліятэкі паводле прызначэння
| Бібліятэка або стандарт | Прызначэнне | Публічны пакет OwlMeans |
|---|---|---|
| React і React DOM | Адлюстроўваць інтэрактыўныя экраны застасунку. | @owlmeans/web-client |
| shadcn/ui | Забяспечваць кампаненты інтэрфейсу для цяперашняга сямейства вэб-панэляў. | @owlmeans/web-panel |
| Radix UI | Забяспечваць базавыя элементы інтэрфейсу: дыялогі, меню і элементы выбару. | @owlmeans/web-panel |
| Tailwind CSS | Падтрымліваць адзінае афармленне праз утылітарныя класы. | @owlmeans/web-panel |
| Lucide | Забяспечваць значкі інтэрфейсу для паўторнага выкарыстання. | @owlmeans/web-panel |
| React Hook Form і адаптары рэзолвераў | Кіраваць палямі форм і падключаць праверку даных. | @owlmeans/client-panel |
| i18next | Падтрымліваць пераклад тэксту застасунку. | @owlmeans/client-i18n |
| Sonner | Паказваць апавяшчэнні застасунку. | @owlmeans/web-panel |
| react-dropzone | Падтрымліваць выбар і загрузку файлаў. | @owlmeans/web-client |
| qrcode.react | Адлюстроўваць QR-коды для функцый, якім яны патрэбныя. | @owlmeans/web-panel |
Гэта публічныя залежнасці і стандарты экасістэмы. Дакладны набор залежнасцей застасунку вызначаецца згенераваным праектам і распрацаванымі функцыямі; не кожнаму застасунку патрэбная кожная бібліятэка з гэтага спіса.
Выкарыстанне ў праекце
- Апішыце патрэбныя паводзіны ў спецыфікацыі або гісторыі.
- Папрасіце агента прытрымлівацца наяўных у праекце правіл OwlMeans Common.
- Калі хочаце разабрацца ў залежнасці, прачытайце публічную дакументацыю адпаведнага пакета.
- Выпрабуйце паводзіны ў папярэднім праглядзе і праверце правілы доступу.
Папрасіце агента стварыць кантактную форму з подпісамі палёў, зразумелымі паведамленнямі пра памылкі і навігацыяй з клавіятуры. Увядзіце няправільны адрас электроннай пошты і праверце, ці тлумачыць форма, што трэба выправіць.
UI — гэта экраны і элементы кіравання, якімі карыстаецца чалавек. Бібліятэка форм дапамагае паслядоўна апрацоўваць уведзеныя значэнні, памылкі і адпраўку формы.
Пра архітэктуру застасунку чытайце ў OwlMeans Tech Concept, а пра працэс працы з асяроддзем агента — у раздзеле працяг распрацоўкі з іншым агентам.
Прыклад застасунку
Катэгорыя: CRM і кіраванне кліентамі. Прыклад: CRM для невялікай каманды з замацаваннем кантактаў за адказнымі асобамі і доступам для менеджара.
Назвы і знакі
Назвы shadcn/ui, React, React DOM, Radix UI, Tailwind CSS, Lucide, React Hook Form, i18next, Sonner, react-dropzone, qrcode.react і ўсе звязаныя з імі знакі належаць адпаведным уладальнікам або камандам падтрымкі праектаў. Згадкі служаць для ідэнтыфікацыі прадуктаў, стандартаў або прыкладаў зыходнага кода. Дакументацыя OwlMeans не азначае спонсарства або ўхвалення з боку гэтых уладальнікаў.