Cargar .env en un proyecto de React Native

Cargar .env en un proyecto de React Native

Tiempo de lectura: 3 minutos Para cargar un archivo .env en un proyecto de React Native, es común usar la biblioteca react-native-dotenv o react-native-config, que te permite gestionar variables de entorno de manera eficiente. 1. Instalar las dependencias necesarias Ejecuta el siguiente comando en la terminal para instalar react-native-config en tu proyecto. Si estás usando Yarn: 2. Agregar las variables … Leer más

Instalar VS Code en un servidor para utilizarlo en remoto con code server en Docker

Instalar VS Code en un servidor para utilizarlo en remoto con code server en Docker

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo crear un contenedor Docker que nos permitirá instalar VS Code en un sistema autoalojado para utilizar desde un servidor remoto. Lo primero que haremos es crear este docker-compose.yml El volumen podemos elegirlo dónde querramos, es donde se guardará la configuración. La imágen utilizada se basa en code-server: https://github.com/coder/code-server?ref=selfh.st Podemos cambiar … Leer más

Validar token Auth 2.0 de LinkedIn sign usando (inicio de sesión) Open ID Connect en Python

Validar token Auth 2.0 de LinkedIn sign usando (inicio de sesión) Open ID Connect en Python

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos validar un Token de inicio de sesión en LinkedIn Sign usando Open ID Connect en Python. Lo que haremos es crear un fichero utils que nos permitirá validar el token obtenido de un cliente. linkedin.py El proceso es sencillo, primero tenemos que indicar la clave de app privada en … Leer más

Implementar login con LinkedIn en React y OpenID Connect

Implementar login con LinkedIn en React y OpenID Connect

Tiempo de lectura: 6 minutos Hoy vamos a ver cómo implementar login mediante LinkedIn mediante OpenID connect usando React. Lo primero que tienes que hacer es registrar tu aplicación en Linkedin para obtener el client ID y el private ID: Una vez creado, vamos a crear un componente llamado LinkedInOauth.tsx Uso TypeScript: Debes completar la parte de const CLIENT_ID = … Leer más

Registrar y crear una aplicación en Linkedin para obtener Client ID y Secret ID y poder usar su API

Registrar y crear una aplicación en Linkedin para obtener Client ID y Secret ID y poder usar su API

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos registrar una aplicación en Linkedin para poder utilizar los datos y crear una API de integración. Lo primero que tenemos que hacer es ir a la web de LinkedIn developers: https://developer.linkedin.com/ Aquí dentro pulsamos en Create app: Ahora iremos rellenando lo que solicita: App name. LinkedIn Page. Si no … Leer más

Uso de Timer en Flutter para llamar cada 30 segundos a una función

Uso de Timer en Flutter para llamar cada 30 segundos a una función

Tiempo de lectura: 2 minutos La función Timer en Flutter nos permitirá ejecutar una función cada X segundos que indiquemos. Pasos para implementarlo: Configura el Timer en tu StatefulWidget Define y administra el Timer en el estado del widget para que puedas iniciar, detener y reiniciar el temporizador según el estado del widget. Explicación del Código

Usar WidgetsBindingObserver para detectar cuándo se minimiza y regresa a la APP con Flutter

Usar WidgetsBindingObserver para detectar cuándo se minimiza y regresa a la APP con Flutter

Tiempo de lectura: 3 minutos WidgetsBindingObserver es una interfaz en Flutter que permite observar y responder a los cambios en el ciclo de vida de una aplicación. Esto es útil para realizar tareas específicas cuando la aplicación entra en diferentes estados, como cuando pasa a primer plano, se va al segundo plano, o se detiene. 1. Introducción a WidgetsBindingObserver WidgetsBindingObserver … Leer más

Cargar una función en Flutter cuándo regresas a una pantalla

Cargar una función en Flutter cuándo regresas a una pantalla

Tiempo de lectura: 2 minutos En Flutter, si deseas ejecutar una función cada vez que vuelves a una pantalla (por ejemplo, después de navegar a otra pantalla y regresar), puedes hacer uso de NavigatorObserver. Crear una Clase Personalizada NavigatorObserver con el siguiente contenido: Configura el Observador en tu MaterialApp Pasa el observador de navegación a MaterialApp en tu widget principal: … Leer más

Comandos más útiles en NPM

Comandos más útiles en NPM

Tiempo de lectura: 2 minutos Hoy vamos a compartir una lista de comandos más útiles para usar en NPM. Comandos más útiles de npm (Node Package Manager), junto con una breve descripción de lo que hacen: Comandos Básicos Gestión de Dependencias Información y Búsqueda Limpieza y Mantenimiento Publicación Autenticación y Gestión de Usuario Estos comandos deberían cubrir la mayoría de … Leer más

Generar listado de librerías globales instaladas en NPM

Generar listado de librerías globales instaladas en NPM

Tiempo de lectura: < 1 minuto Hoy os comparto un comando muy simple para poder ver el listado de librerías globales instaladas en NPM y controlar el número de versiones. Con este comando podrás ver la lista de librerías instaladas de forma global en NPM. Y devolverá la lista: