React: Componentes, bibliotecas y herramientas

by Janeth Kent Date: 24-11-2019 react UI UX bootstrap apps


React es una biblioteca JavaScript de código abierto desarrollada por Facebook que permite crear interfaces de usuario avanzadas. Lo que hace que React sea tan interesante es que puede establecer diferentes vistas para un componente o una aplicación en función de su estado. Cuando un estado cambia, la biblioteca cambia sólo las partes que necesita, en lugar de recargar toda la aplicación. La UX que se genera es por ese motivo, muy rápida.

Hemos recopilado un lista de los componentes React más eficaces y eficientes a la hora de crear una interfaz de primera categoría.

Estos son algunos de nuestros favoritos:

1. UI-Router for React

2. React-Bootstrap

3. Material-UI

4. Gatsby.js

5. styled-components

6. React Sketch.app

7. React Virtualized

8. Blueprint

9. Recharts

10. React DnD

Cual es el futuro de la interfaz de usuario (UI)?

React y otras bibliotecas similares parecen ser el futuro de la interfaz web y de las aplicaciónes nativas. De hecho, se ha hablado mucho sobre a su uso en WordPress (como la aplicación Calypso). La posibilidad de crear aplicaciones de una sola página que, de hecho, reaccionan instantáneamente a la interacción del usuario, algún día pronto se convertirá en el estándar. Os animamos a echar un vistazo a React y a las herramientas de la lista.

Y vosotros, ¿ qué opináis?

 
by Janeth Kent Date: 24-11-2019 react UI UX bootstrap apps visitas : 9794  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Artículos relacionados

Cómo cambiar o configurar los DNS en Windows 10

Que son las DNS? Cuando tienes acceso a Internet para el hogar o la empresa, el proveedor de servicios de Internet (ISP) también proporciona la configuración de red necesaria, incluidas las…

Comenzando con Bootstrap-Vue paso a paso

Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para…

Bootstrap 5 beta2. ¿Qué ofrece?

Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la…

Los mejores selectores de fechas para Bootstrap y tu aplicación

Los selectores de fecha son widgets que permiten a los usuarios elegir una sola fecha o rango de fechas y horas. Es un elemento habitual para todo usuario de Internet,…

7 Nuevos y Asombrosos Usos del Aprendizaje de Máquinas

Recientemente un extraño video publicado en YouTube causó una controversia - fue una divertida toma del tradicional mensaje navideño de la Reina Isabel creado por el Canal 4, una emisora de…

Distros Linux para tipos de usuarios

Una distribución Linux (o Distro) es una distribución de software basada en el núcleo Linux (o kernel) y que incluye determinados paquetes para ofrecer ciertas características o funciones al usuario.…

Como crear un código QR para WhatsApp

Los códigos QR de WhatsApp pueden resultar útiles a la hora de compartir tu número con personas nuevas, tanto si gestionas una cuenta empresarial, un grupo de soporte u otras…

Las nuevas características que trae Ubuntu 20.04 LTS

Ubuntu 20.04 con nombre en código Focal Fossa será lanzado el 23 de abril de 2020. Veamos qué nuevos cambios trae este lanzamiento de soporte a largo plazo. Nuevas características en…

DEBIAN APT UPGRADE, APT DIST-UPGRADE Y DO-RELEASE-UPGRADE, para que sirven y cual son sus diferencias

¿Cómo actualizar una distribución GNU/Linux basada en Debian, como Ubuntu? hay algunas diferentes formas. Hay una actualización de apt upgrade, apt dist-upgrade y do-release-upgrade. ¿Por qué hay tres rutas diferentes…

Ubuntu 20.04 LTS se estrena con nuevo tema de escritorio

Dado que Ubuntu 20.04 LTS se lanzará en abril de 2020, el equipo de Ubuntu Desktop ha anunciado un nuevo tema por defecto. . Para los que no lo sepan, Yaru…

Integración de Bootstrap 4 con Vue.js usando Bootstrap-Vue

React y Vue.js son dos marcos de trabajo líderes y modernos de JavaScript para el desarrollo del front-end. Mientras que React tiene una curva de aprendizaje considerable, y un proceso…

Vue.js 3, la programación orientada al futuro que no hay que perderse!

Si estás interesado en Vue.js, probablemente conozcas la 3ª versión de este framework, que se publicará en breve. La nueva versión de momento está en desarrollo, pero todas las características…

Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’

Acepta todas Sólo cookies de sistema Configuración