Radix Vue, ein Open-Source-Projekt, hat k\u00fcrzlich die Version 1.0 erfolgreich ver\u00f6ffentlicht. Diese User-Interface-Komponentenbibliothek ist eine Abspaltung von Radix UI und basiert auf dem JavaScript-Framework Vue.js. Radix Primitives, ungestylte, barrierefreie und quelloffene React-Primitives, sind ebenfalls Teil von Radix Vue und k\u00f6nnen zur Erstellung von Webanwendungen und Designsystemen verwendet werden.<\/p>\n
Durch die Integration von Radix Vue in Vue.js und kompatiblen Metaframeworks wie Nuxt.js haben Entwickler eine breite Palette von M\u00f6glichkeiten f\u00fcr ihre Projekte. Die Verwendung der Radix-Komponenten soll Zeit und Geld sparen. Besonders erw\u00e4hnenswert ist die integrierte Accessibility-Unterst\u00fctzung. Radix Vue erf\u00fcllt die technische Spezifikation WAI-ARIA des W3C und erm\u00f6glicht Tastaturnavigation sowie Fokusmanagement. Der Fokus \u00e4ndert sich je nach den Interaktionen, die von Benutzern in einer spezifischen Komponente durchgef\u00fchrt werden.<\/p>\n
Um die Entwicklererfahrung zu verbessern, sind die Radix-Vue-Komponenten bewusst ungestylt und k\u00f6nnen einfach angepasst werden. Die Gestaltung kann mithilfe von CSS oder CSS-Pr\u00e4prozessoren erfolgen, was den Entwicklern volle Kontrolle \u00fcber das visuelle Erscheinungsbild ihrer Anwendungen gibt.<\/p>\n
Radix Vue steht unter der MIT-Lizenz und kann kostenlos von GitHub heruntergeladen werden. Das Release der Version 1.0 bringt einige neue Features mit sich, darunter eine nicht abw\u00e4rtskompatible \u00c4nderung: Statt Die erste Hauptversion von Radix Vue wurde bereits auf Version 1.0.1 aktualisiert, um zwei weitere Bugs zu beheben. Auf der Projektwebsite finden Entwickler zus\u00e4tzliche Informationen und einen Showcase, in dem Projekte betrachtet werden k\u00f6nnen, die mit Radix Vue erstellt wurden. Dies bietet Inspiration und zeigt, was mit dieser neuen Komponentenbibliothek alles m\u00f6glich ist.<\/p>\n Schlagw\u00f6rter: Radix Vue + UserInterfaceKomponentenbibliothek + Accessibility<\/p>\n","protected":false},"excerpt":{"rendered":" Radix Vue, ein Open-Source-Projekt, hat k\u00fcrzlich die Version 1.0 erfolgreich ver\u00f6ffentlicht. Diese User-Interface-Komponentenbibliothek ist eine Abspaltung von Radix UI und basiert auf dem JavaScript-Framework Vue.js. Radix Primitives, ungestylte, barrierefreie und quelloffene React-Primitives, sind ebenfalls Teil von Radix Vue und k\u00f6nnen zur Erstellung von Webanwendungen und Designsystemen verwendet werden. Durch die...<\/p>\n","protected":false},"author":4,"featured_media":742,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=743"}],"version-history":[{"count":0,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/743\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/media\/742"}],"wp:attachment":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}ComboboxHeader<\/code> wird nun ComboboxAnchor<\/code> verwendet. Neben zahlreichen Bugfixes enth\u00e4lt die Version 1.0 auch vier neue Features.<\/p>\n