Vercel'in json-render'ı - Üretici UI çerçevesi

• 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

[wskyland]

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.