Crea tu propio Spotify Wrapper

En este post aprenderemos cómo crear un producto basado en una API pública y algunos de los riesgos que conlleva a nivel de negocio. En concreto veremos dos tipo de autentificación para el consumo de la API, client credentials y OAuth PKCE: para ello construiremos, una barra de búsqueda de la lista de álbums del artista seleccionado con react-vite, y un Spotify Wrapper personalizado con vainilla js. Este post se basaba en una red social musical https://github.com/spariva/Music-Life que hice como TFG, donde podías crear playlists añadiendo parámetros personalizados, afinando así el algoritmo de…continue reading →

La librería RxJS: Reactive Extensions for JavaScript

El Problema En el desarrollo de aplicaciones web modernas, uno de los mayores retos es manejar flujos de datos en tiempo real, como puede ser una aplicación de mensajería instantánea, eventos de usuario, actualizaciones de una API... Con el uso tradicional de promesas anidadas, callbacks, estados múltiples, la complejidad del código aumenta de forma no sostenible. Es por esto que se utiliza la librería RxJS (Reactive Extensions for JavaScript). Puntos Importantes ¿Qué es RxJS?: RxJS es una librería que implementa el paradigma de programación reactiva en JavaScript. Permite trabajar con observables, que son…continue reading →

🌏Cómo internacionalizar un proyecto + práctica

La internacionalización, conocida también como i18n, es una práctica esencial para los desarrolladores que quieren que sus aplicaciones sean accesibles a nivel global. Pero, ¿qué significa exactamente i18n y cómo se puede implementar de forma efectiva? 1. ¿Qué es i18n? i18n es una abreviatura para "internacionalización", donde el "18" representa el número de letras entre la primera "i" y la última "n". Esta práctica es importante ya que permite que la aplicación sea accesible en diferentes mercados, mejora la experiencia del usuario al respetar idiomas, formatos de fechas, monedas... y es clave para…continue reading →

8+1 Funciones Esenciales de Figma para Diseñar una App

Figma es una de las herramientas más populares para el diseño de interfaces y prototipos interactivos. Esta documentación reúne 8+1 funciones esenciales que debes conocer para diseñar una app de manera eficiente. Desde la creación de proyectos hasta el uso de herramientas avanzadas como Auto Layout y Plugins, este documento junto con el vídeo te guiará paso a paso para sacar el máximo provecho de esta plataforma. 1. Crear un Proyecto Ve a la pestaña principal de Figma. Haz clic en Create New Design File para iniciar un nuevo proyecto. 2. Paneles Principales…continue reading →

Dominando las Ramas de GitHub

Introducción: En el desarrollo de software colaborativo, gestionar el código de forma eficiente es esencial para evitar errores y duplicar esfuerzos. Aquí es donde las ramas en GitHub juegan un papel fundamental. Pero, ¿Cómo se crean y fusionan ramas de manera eficaz? En esta guía, resolveremos estas preguntas paso a paso. Cuando trabajas en equipo en un proyecto de software, todos los desarrolladores comparten el mismo repositorio. Sin una correcta gestión del flujo de trabajo, podrían surgir: Conflictos de código al fusionar cambios. Cambios no deseados en la versión estable del proyecto. Dificultad…continue reading →

Creación de una nube privada virtual en AWS

La Virtual Private Cloud (VPC) en Amazon Web Services (AWS) es una parte esencial de la infraestructura en la nube, proporcionando un entorno de red aislado para desplegar recursos y aplicaciones. Esta guía detalla el proceso de creación de una VPC y explora su utilidad, puntos clave y los problemas que puede resolver. ¿Qué es una VPC? Una VPC es una red virtual dedicada dentro de AWS, que permite controlar completamente el entorno de red, incluyendo la selección del rango de direcciones IP, la creación de subredes, y la configuración de tablas de…continue reading →