Implementación de librería de Iconos de Font-Awesome en React

Existen problemas de accesibilidad web debido a dificultades con el lenguaje. Hay que hacer lo mas accesibles las páginas webs, para aquellas personas que, o bien no conocen el idioma o tienen problemas con el lenguaje. La solución es hacer las páginas lo mas minimalistas y visuales posibles. Añadiendo pequeños iconos haciendo referencia a cada acción que se puede realizar en la página web. Para ello tendremos que implementar en nuestro proyecto la librería iconos de Font-Awesome. Empezando por instalarla, siguiendo la guía de la documentación para React: https://flic.kr/p/2o2We8Y Instalamos los paquetes de…continue reading →

Uso de la API de Spotify

El mayor problema que nos puede presentar la API de Spotify es la autenticación del usuario, sí que es verdad que la mayoría de las peticiones tiene un cierto limite de envío de datos, esto quiere decir, que, si por ejemplo queremos mostrar nuestras listas de reproducción, la api solo nos devolverá 50 resultados. Este problema lo podremos solucionar con un bucle realmente sencillo, pero para ello debemos conocer la cantidad de listas que tenemos, lo veremos mas adelante. Primeros Pasos Lo primero de todo es crear nuestro proyecto de react con el…continue reading →

CONVERTIDOR DE DIVISAS CON VUEX

Este post está creado para probar una de las tecnologías más destacables de vue.js como, en nada más y nada menos, que vuex en una aplicación de convertidor de divisas. Esta aplicación es la solución para que una compañía de viajes que opera en algunos paises de Europa, Oceanía y en Estados Unidos utilice esta herramienta software para sus clientes. Lo primero será instalar vuex con el siguiente comando: npm install vuex@next. https://flic.kr/p/2o2LtJv Comando de instalación de VUEX. Se crea la tienda, que contendrá en su estado, y el valor de la moneda…continue reading →

Implementación de librería Hammer.JS en React

Para la creación de este proyecto, crearemos un proyecto de React. Para ello deberemos tener instalado el Composer y el Node.js en nuestro ordenador Una vez instalados, ejecutaremos en la cmd la siguiente línea dentro de la carpeta donde queramos crearlo -> npx create-react-app pruebaapp Cuando cree el proyecto aplicaremos en la cmd -> cd pruebaapp (pruebaapp es el nombre que quieran darle, debe ser todo minuscula). Una vez dentro, instalaremos la siguiente línea -> npm install react-hammerjs --force (Aplicamos force, debido a que hay un conflicto con otra carpeta de archivos, si…continue reading →

Pasarela de Pagos con React, Express.js y Stripe

En este post se procederá a explicar cómo realizar una pasarela de pagos con: para frontend > ReactJS, para backend > Express.js (con Node.js) y, para la pasarela propiamente, la plataforma > Stripe. React se usará principalmente para la visualización de contenido, establecimiento de información, el carrito de compra con los determinados elementos, etc... Y Express.js simplemente para que se puedan realizar de forma funcional las peticiones y se puedan mostrar dichas respuestas en la parte cliente. Es importante resaltar que la plataforma de Stripe es muy amplia. Tiene numerosas funcionalidades, pero lo…continue reading →

Librería de traducción i18next con React

Hoy en día es fundamental tener tus aplicaciones en tu idioma nativo, pero también es necesario dar la posibilidad al usuario de poder utilizar el inglés o cualquier otro idioma en tu aplicación. De esta manera podrás crecer más versátilmente entre mucha mas gente, pudiendo así dar a conocer tu aplicación internacionalmente. Para poder realizar una traducción, los propios navegadores como Chrome ya te dan la posibilidad de poder traducir el contenido de una página, siempre y cuando el idioma esté declarado en el atributo Lang del fichero HTML y sea distinto del…continue reading →