Introducción

Como en todos los frameworks, alrededor de Angular también existe un ecosistema de librerías creadas por la comunidad, lo más habitual es librerías de componentes. En la lista que ofrezco a continuación voy a enseñar las que a mí, personalmente, me han parecido más interesantes. La lista no sigue ningún orden en particular.

Yo recomiendo usar el mínimo de librerías que hagan realmente falta, ya que pierdes el control de los componentes de tu aplicación, y dependes del desarrollador de la librería para mantener esos componentes.


PrimeNG

angular prime ng

Colección de muchos componentes preparados también para móvil. Tiene ciertos temas que puedes escoger para personalizar la apariencia de todos los componentes.

Tiene desde componentes de visualización de datos (tablas, gráficas, estadísticas, etc) a muchos tipos de paneles, botones, menús, incluso tiene un componente drag and drop por lo que no tendrás que buscar otra librería para esta funcionalidad.


NG Bootstrap

angular ng bootstrap

Si quieres usar Bootstrap junto con Angular, puedes usar directamente Bootstrap como lo harías en cualquier página normal. El problema de ésto es que las partes de Bootstrap que usan JS no te funcionarán porque usan Jquery, y no está adaptado para usarse con Angular. Si necesitas usar los componentes JS de Bootstrap lo mejor que puedes hacer es utilizar esta librería.

La librería contiene muchos de los componentes de Bootstrap adaptados a Angular, por lo que por ejemplo, podrás usar el dropdown de Bootstrap sin tener que hacer cosas raras.


Ionic

usar angular con ionic

Aunque no es una librería de Angular como tal, la he incluido porque su sintaxis es Typescript y se complementa a la perfección con Angular.

Esta librería ofrece la posibilidad de crear apps híbridas, es decir, aplicaciones móviles que se ejecutan con un navegador en el móvil. Estas apps tienen la ventaja de ser más rápidas para desarrollar porque con un código muy parecido al que has usado para crear una aplicación web usando Angular, puedes crear la app para el móvil.

Te recomiendo que eches un vistazo a la documentación de su página web porque como digo, más que una librería es un framework entero para la creación de estas apps. Además te dejo un par de artículos para que eches un vistazo de cómo se crea una app con Ionic:


Angular material

angular material

Últimamente el diseño Material basado en Google está muy de moda y ésta librería lo pone a nuestro alcance para usar con Angular.

Como con las librerías anteriores se trata de un conjunto amplio de componentes listos para usarse. Estos componentes tienen la particularidad de que su diseño está inspirado en el diseño Material design.

Al igual que PrimeNG ofrece variedad de componentes, aunque no ofrece muchos componentes para la visualización de datos.


NGX Admin

angular ngx admin

Si queremos incluir un panel de control en nuestra aplicación web, lo mas sencillo y rápido es usar estos componentes para su creación.

Viene incluido con dos temas de colores, uno claro y otro oscuro. En su página oficial puedes ver un ejemplo de panel de control ya en funcionamiento usando estos componentes, como ves aunque está enfocado a un panel de control, viene con mucha variedad de componentes.


Ngrx

angular ngrx

Como vimos en artículos anteriores, ngrx se trata de una librería basada en Redux.

Esta libreria sirve para gestionar el estado de la aplicación web en un único punto llamado store.

Este sistema también permite compartir datos entre componentes y ayuda a que aplicaciones grandes sean mantenibles.


NG animate

angular ng animate

Pequeñas animaciones para usar en los componentes de Angular. Aunque Angular viene con un sistema para poder crear nuestras propias animaciones, no está de más una librería que crea estas animaciones por nosotros.

Aunque no vienen muchas animaciones, las que vienen por defecto están bien para animar componentes cuando se cargan o para avisar al usuario de un evento en la página.


angular cookies

Es la implementación de una libreria conocida creada para AngularJS.

Esta librería permite gestionar las cookies que se generan en la página, por ejemplo, cookies de sesión.


NGX Charts

angular ngx charts

Una librería de componentes específicos de gráficas de todo tipo.

Las gráficas son totalmente personalizables y tienen multitud de parámetros para adaptarse a todo tipo de páginas.

Los tipos de gráficas que se incluyen son los siguientes:


Angular notifier

angular notifier

Notificaciones para Angular. Aunque puedes crear tu propio componente para mostrar notificaciones, esa librería viene con unos cuantos ya configurados:

Además las notificaciones vienen con animaciones, se pueden ocultar y son personalizables con varios parámetros.


Angular split

angular split

Ésta librería me pareció muy curiosa cuando lo ví, simplemente lo que hace es crear unos componentes para crear columnas (un sidebar por ejemplo) con la particularidad de que puede ser adaptado su tamaño arrastrando con el ratón. Además es personalizable y ofrece transiciones entre tamaños.


Dragula

angular dragula

Dragula es una librería pensada para varios frameworks, entre ellos, Angular. Se trata de una librería par implementar componentes y diseños Drag and Drop, es decir, interfaces en las cuales el uaurio puede mover y arrastrar los elementos de la página con el ratón o con el dedo en smartphones.

Conclusiones

Hay muchísimas más librerías pero he puesto las que a mí, personalmente me han parecido más útiles o al menos curiosas. Lo bueno de Angular es que no necesitas instalar muchas librerías para crear un proyecto, ya que Angular, a diferencia de otros frameworks, viene por defecto con todo lo que necesitas.

Si aún asi necesitas más librerías te animo a que eches un vistazo a las librerías que recomiendan el propio equipo de Angular desde su página oficial:

https://angular.io/resources




También te puede intersar...