react native aria

⛔️ Deprecido

Hemos desaprobado este repositorio y migraron nuestra base de código a una nueva estructura de repositorio mono, siga este enlace para acceder a nuestras últimas actualizaciones y funciones.

1) Introducción

React Native Aria lo ayuda a construir aplicaciones accesibles y ricas con React Native. Maneja el comportamiento, la accesibilidad e interacciones para que pueda implementar componentes y sistemas de diseño personalizados para Android, iOS y Web.

2) Motivación

Al implementar la accesibilidad para los componentes en nationalBase, nos referimos a las soluciones existentes para la web. Sin embargo, no hay una biblioteca de componentes existente que funcione en todas las plataformas sin limitar su estilo, comportamiento y accesibilidad.

React Native ha elevado las expectativas de los desarrolladores para construir UIS en todas las plataformas mientras reutiliza la mayor cantidad de código posible. Sin embargo, reaccione los barcos nativos con un núcleo muy delgado con mucho espacio para la personalización. La desventaja de esto es que necesitamos construir nuestros componentes primitivos usando View y Pressable. Esto contrasta con el mundo del desarrollo nativo, donde las API de componentes se envían en SDK.

React Native Aria tiene como objetivo resolver esto proporcionando primitivas de bajo nivel para crear un componente o una biblioteca primitiva que funcione en todas las plataformas dentro del alcance de React Native. React Native Aria resuelve esto para Web, Android e iOS.

Para MacOS y Windows, estamos explorando la posibilidad de usar componentes nativos que se pueden personalizar.

3) Características

Accesible: amplifique la adopción y experiencia del usuario para sus aplicaciones

Compuesto: combine los componentes para las necesidades de su aplicación específica

Consistente: consistente en Web, Android e iOS

Personalizable: las implementaciones de diseño están en su mano

4) Instalación y uso

React Native Aria es incrementalmente adoptable. Cada componente se publica como un paquete separado, por lo que puede probarlo en un solo componente y agregar gradualmente más con el tiempo. Todos estos paquetes se publican bajo el alcance @React-Native-Aria en NPM.

Instalación de un paquete individual:

Usando hilo

yarn add @react-native-aria/checkbox

Usando NPM

npm install @react-native-aria/checkbox

Uso

 import { useCheckbox } from "@react-native-aria/checkbox" ;

Además de los paquetes individuales, ofrecemos un paquete mono que contiene todos los ganchos de aria nativos React en un solo lugar.

Instalación del paquete mono:

Usando hilo

yarn add react-native-aria

Usando NPM

npm install react-native-aria

Uso

 import { useCheckbox } from "react-native-aria" ;

5) Ejemplos

• Formularios
• Botones
• Interacciones
• Superposición
• Colecciones

6) pila tecnológica

Reaccionar, reaccionar web nativa, reaccionar nativa, mecanografiado.

7) contribuyentes

• Nishan Bende
• Vidhi Kataria
• Gaurav Guha
• Sanket Sahu

8) Cómo contribuir

¡Gracias por su interés en contribuir a React Native Aria! Las solicitudes de extracción son bienvenidas. Dirígete a las pautas de contribución y aprende cómo puedes ser parte de una comunidad maravillosa y en crecimiento.

Para cambios importantes, abra primero un problema para discutir los cambios y actualizar las pruebas según corresponda.

9) Licencia

Licenciado bajo la licencia MIT, Copyright © 2020 Geekyants. Vea la licencia para más información.

Además de los paquetes individuales, ofrecemos un paquete mono que contiene todos los ganchos de aria nativos React en un solo lugar.