- Yapay zekanın kullanıcı istemini alıp JSON yapısı üretmesini ve bunu önceden tanımlanmış bileşenlerle render etmesini sağlayan üretici bir UI çerçevesi
- İstemden dinamik ve kişiselleştirilmiş UI üretirken, önceden tanımlanmış bileşen kataloğu sayesinde güvenli ve öngörülebilir çıktı sağlar
- Katalogda kullanılabilir bileşenler, aksiyonlar ve doğrulama fonksiyonları tanımlandığında, yapay zeka yalnızca bu kapsam içinde kısıtlı (constrained) JSON üretir
- Üretilen JSON, streaming yöntemiyle kademeli olarak render edilir; böylece model yanıtı geldikçe UI anında görüntülenir
- Üretilen UI'yi bağımsız çalışabilen React kodu (Next.js projesi) olarak dışa aktarmak mümkündür ve çalışma zamanı bağımlılığı olmayan saf React kodu olarak dağıtılabilir
- Hem React hem de React Native, aynı katalog ve spec formatıyla render'ı destekler; böylece web ve mobil tek bir tanımla kapsanabilir
- Sunulan bileşenler
- Düzen: Card, Grid, Stack, Tabs, Carousel, Collapsible, Accordion
- Girdi: Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle, ToggleGroup, Rating
- Görüntüleme: Text, Heading, Image, Badge, Alert, Progress, Skeleton, Spinner, Table, Avatar, Separator
- Etkileşim: Button, ButtonGroup, Link, DropdownMenu, Dialog, Drawer, Popover, Tooltip, Pagination
- Grafikler: BarGraph, LineGraph
- Her bileşen,
{ $bindState } aracılığıyla iki yönlü veri bağlama desteği sunar
checks dizisiyle required, email, minLength gibi doğrulama kuralları bildirimsel olarak belirtilebilir- Olay işleyicileri
on.press, on.change, on.select, on.submit gibi alanlara bağlanır
npm install @json-render/core @json-render/react
1 yorum
Gerçekten harika. Nihayet planlamadan başlayıp tasarım ve yayınlama alanları arasında bir aracı olarak iyi olacağını düşünüyorum.