Consumir servicios de una API Firebase con React

Introducción Firebase es una plataforma en la nube de Google para el desarrollo de aplicaciones web y móvil. Posee múltiples herramientas y funciones para facilitar el desarrollo de aplicaciones, procurando optimizarlas sin renunciar en ningún momento a la calidad. Firestore: Es una base de datos NoSQL flexible, escalable y en la nube con el fin de almacenar y sincronizar datos en tiempo real para la programación tanto en el lado del cliente como en el del servidor. Creación de la base de datos En primer lugar crearemos un nuevo proyecto Firebase desde  https://firebase.google.com/  …continue reading →

Creación de Rutas, pasar parámetro por URL y rutas hijas en Angular

Las aplicaciones Angular son aplicaciones SPA, Single Page Applications, en las cuales están formadas por componentes.  Donde cada componente es una página de la aplicación. Entonces, cómo es que se relacionan dichos componentes para poder navegar por toda la aplicación? Sencillo es gracias a un fichero en el cual se establecen las rutas de internas de la aplicación donde se podrá navegar. Este fichero se localiza dentro del proyecto el src/app. Existen dos formas distintas para la creación de dicho fichero: Durante la creación del proyecto de angular con el comando ng new…continue reading →

MaterialUI en Angular (for dummies)

Buenas a todxs! Hoy vamos a ver una pequeña parte de nuestro mundo como desarrolladores. Veremos básicamente lo que es Angular Material: una libreria de componentes UI con una guía de estilos ya creadas por Google, y que están casi destinadas a la responsividad y en general a Android y sus aplicaciones. En resumidas cuentas, Angular Material es un conjunto de estilos con una lógica por detrás para poder hacerles referencia. Lo que vamos a necesitar será: -Un proyecto de angular ya creado o nuevo -Angular CLI 10.2 -Consola de comandos (Yo he…continue reading →

Ciclo de vida de los Componentes en React

¿Estás tenido problemas para entender el ciclo de vida de React? No te preocupes, en este post te lo voy a resumir para que lo aprendas fácilmente. Primero, avisarte de que en la última versión de React han comentado que van a dejar soporte a determinados métodos que se estan quedando antiguos, pero no te preocupes porque esos no los vamos a ver, y con esto comentado, empezemos ¿Qué son los métodos de ciclos de vida? Son la serie de eventos que sucede desde que se crea el componente hasta su destrucciónPara que…continue reading →

Reconocimiento de imágenes con Computer Vision de Azure

En el portal de azure Lo primero de todo en el portal de Azure es crear el recurso  llamado “Computer Vision”. NOTA: El recurso os recomiendo que lo crees con la versión de prueba de 1 mes. Para crearlo es sencillo, no tiene ninguna complicación, le ponéis el nombre que queráis llamar para vuestra api, en el grupo de recurso y alojado donde queráis o os deje. Una vez ya creado el recurso, lo que necesitamos son las claves para poder trabajar con la API. Accederemos a ellas en la pestaña de RESOURCCE…continue reading →

Login red social React

Es este tutorial aprendrás a iniciar sesión mediante una red social. En este proyecto utilizaremos la herramienta Firebase que nos facilitará el desarrollo de nuestra aplicación. En su plataforma donde podremos anclar y pedir permisos a la aplicaicón de terceros para poder inciar sesión a partir de las redes sociales. Tutorial Primero abrimos el símbolo de sistema de Windows. Agregamos el comando create-react-app y a continuación creamos el nombre del proyecto. Ej: npx create-react-app tutorialenfirebase A continuación, instalaremos las librerías de Firebase: entramos a la carpeta de nuestro nuevo propyecto :np tutorialenfirebase. yarn…continue reading →