·react-aria-patterns
</>

react-aria-patterns

yonatangross/orchestkit

React Aria (Adobe) barrierefreie Komponentenmuster zum Erstellen einer WCAG-kompatiblen interaktiven Benutzeroberfläche mit Hooks. Wird zum Implementieren von Schaltflächen, Dialogen, Kombinationsfeldern, Menüs und anderen zugänglichen Komponenten in React-Anwendungen verwendet.

16Installationen·0Trend·@yonatangross

Installation

$npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns

SKILL.md

Build accessible UI components using Adobe's React Aria hooks library with React 19 patterns.

| Decision | Option A | Option B | Recommendation |

| Hook vs Component | useButton hooks | Button from react-aria-components | Hooks for control, Components for speed | | Focus Management | Manual tabIndex | FocusScope component | FocusScope - trapping, restore, auto-focus | | Virtual Lists | Native scroll | useVirtualizer + useListBox | Virtualizer for lists > 100 items |

React Aria (Adobe) barrierefreie Komponentenmuster zum Erstellen einer WCAG-kompatiblen interaktiven Benutzeroberfläche mit Hooks. Wird zum Implementieren von Schaltflächen, Dialogen, Kombinationsfeldern, Menüs und anderen zugänglichen Komponenten in React-Anwendungen verwendet. Quelle: yonatangross/orchestkit.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist react-aria-patterns?

React Aria (Adobe) barrierefreie Komponentenmuster zum Erstellen einer WCAG-kompatiblen interaktiven Benutzeroberfläche mit Hooks. Wird zum Implementieren von Schaltflächen, Dialogen, Kombinationsfeldern, Menüs und anderen zugänglichen Komponenten in React-Anwendungen verwendet. Quelle: yonatangross/orchestkit.

Wie installiere ich react-aria-patterns?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/yonatangross/orchestkit