Con la creciente popularidad de React, y el aumento del desarrollo de aplicaciones móviles nativas, no es sorpresa que React Native esté siendo cada vez más adoptado por la comunidad.
Al igual que React, React Native te alienta a construir tu UI usando componentes aislados. Las librerías de componentes y los toolkits de UI te ayudan a reducir tiempo y construir aplicaciones más rápido, usando un conjunto de componentes prefabricados. Aquí te compartimos una lista de 11 librerías útiles de UI de React, creada por Jonathan Saring.
Empleos de Diseño UI.
1- NativeBase
Estrellas en github: 10k
Forks: 1k de forks
NativeBase es una librería de componentes de UI muy popular, que proporciona docenas de componentes multiplataforma para React Native. Al usarlo, puedes usar cualquier librería nativa de terceros lista para usar. Además, el proyecto en sí tiene un gran ecosistema, desde kits de inicio, hasta plantillas de temas personalizables.
2- Shoutem
Estrellas en github: 3.5k
Shoutem es un kit React Native UI que consta de tres partes: componentes UI, temas y animaciones para componentes. La librería proporciona un conjunto de componentes multiplataforma para iOS y Android, y todos los componentes están diseñados para ser componibles y personalizables. Cada componente tiene un estilo predefinido que es consistente con el resto, lo que nos permite construir componentes complejos, sin definir manualmente estilos complejos.
3- React Native Material UI
Estrellas en github: 2k
Una librería con un conjunto de componentes de UI altamente personalizables, que implementan el material design de Google. Es importante tener en cuenta que la librería usa un único objeto de JS llamado uiTheme, que es pasado a través del contexto para una personalización máxima. Por defecto, este uiTheme se basa en el lightTheme.
4- React Native Vector Icons
Estrellas en github: 10k
Esta librería es un conjunto de iconos personalizables para React Native con soporte para NavBar/TabBar/ToolbarAndroid, image source y completamente estilizable. Es extremadamente útil y utilizado por miles de aplicaciones. La librería proporciona un conjunto de iconos listos para usar.
5- React Native Elements
Estrellas en github: 12k
React Native Elements es un kit de UI multiplataforma altamente personalizable construido completamente en Javascript. Los autores de la librería afirman que “La idea con React Native Elements es más sobre estructura componentes que de diseño en sí, lo que significa menos preconfiguración en la configuración de ciertos elementos pero control completo sobre el diseño”. Lo que debería ser atractivo tanto para los nuevos desarrolladores como para los experimentados.
6- UI Kitten
Estrellas en github: 3k
Esta librería proporciona un kit de componentes de React Native personalizables y reutilizables, basado en el concepto de mover las definiciones de estilo a un lugar específico para que los componentes sean reutilizables y estilizables de una sola manera. Los temas se pueden cambiar fácilmente sobre la marcha al pasar un conjunto de variables.
7- Nachos UI
Estrellas en github: 1.5k
Nachos UI es una librería de componentes de React Native con más de 30 componentes personalizables que también funcionan en la web gracias a react-native-web. Con pruebas de jest snapshot, prettier y yarn, esta librería cuidadosamente diseñada ofrece un diseño picante y un administrador de temas global.
8- React Native Paper
Estrellas en github: casi 1.5 k
React Native Paper es una librería de UI multiplataforma que sigue los lineamientos del material design, con soporte de temas global y un plugin opcional de babel para reducir el tamaño del paquete.
9- React Native Material Kit
Estrellas en github: 4k
Esta librería con un conjunto básico pero útil de componentes y temas de UI que implementan el MD de Google. Aunque su última publicación fue en diciembre de 2017, todavía merece una mención debido a que es muy simple, útil y con poco “ruido”. Es recomendable usarlos con precaución, ya que tiene un mantenimiento relativamente bajo.
10- React Native UI Library
Wix Engineering está trabajando en este conjunto de herramientas de UI y librería de componentes de vanguardia para React Native (demo) que también es compatible con react-native-animatable y react-native-blur. La librería viene con un conjunto predefinido de ajustes preestablecidos de estilo (que se traducen en modificadores) que incluyen colores, tipografía, sombras, border radius y más.
11- Teaset
Estrellas en github: 1.3k
Es una librería de UI para React Native con más de 20 componentes de JS (ES6) puros, centrándose en la visualización de contenido y el control de la acción. La documentación es escasa (en el mejor de los casos). Llama la atención debido a su simplicidad y diseño.
