Decodificar Token JWT en React

Decodificar Token JWT en React

Tiempo de lectura: < 1 minuto Hoy vamos a aprender una pequeña función para decodificar tokens JWT usando React. Lo primero que haremos es instalar las librerías necesarias: JsonWebToken auth0.js Y los tipos si usamos TypeScript: Una vez instalado, vamos a crear esta función en un archivo de utils.tsx Nos decodificará los tokens que pasemos como parámetro y los devolverá en … Leer más

Cómo Generar Dinámicamente Opciones para un Select desde Datos JSON en JavaScript

Cómo Generar Dinámicamente Opciones para un Select desde Datos JSON en JavaScript

Tiempo de lectura: 2 minutos En este ejemplo vamos a ver cómo generar dinámicamente opciones para un elemento select en HTML utilizando datos JSON y JavaScript. Primero muestro el array de elementos que vamos a usar de ejemplo: Después, crearemos una función llamada crearSelect que tomará los datos del JSON y generará las opciones para un elemento select en HTML … Leer más

Barra de búsqueda y filtro en Flutter Dart

Tiempo de lectura: < 1 minuto Realizar una barra de búsqueda e ir filtrando una lista, es muy sencillo siguiendo los siguientes pasos: La lista de elementos que vamos a mostrar y filtrar es la siguiente A continuacón hay que crear el diseño de la barra de búsqueda. Por último agregamos el método que realizar el filtro en este caso se … Leer más

Flutter- estructura de una llamada a API -POST

Flutter- estructura de una llamada a API -POST

Tiempo de lectura: < 1 minuto La estructura para realizar una llamada desde flutter a una api y mandar parámetros para recibir datos es de la siguiente manera: primero declaramos e inicializamos una variable con la ruta a la api, en este caso la llamo uri: Depués declaro las cabeceras, tipo-contenido Creo el body con los datos que son necesarios enviar … Leer más

Flutter- estructura de una llamada a API -GET

Flutter- estructura de una llamada a API -GET

Tiempo de lectura: < 1 minuto La estructura para realizar una llamada desde flutter a una api y obtener datos es de la siguiente manera: primero declaramos e inicializamos una variable con la ruta a la api, en este caso la llamo uri: Depués declaro las cabeceras, tipo-contenido A continuación genero la llamada y guardo la respuesta en una variable a … Leer más

Internacionalización multi idioma de aplicación en flutter usando ficheros .json

Internacionalización multi idioma de aplicación en flutter usando ficheros .json

Tiempo de lectura: 3 minutos Internacionalizar una aplicación con multilenguaje o multi idioma desarrollada en Flutter es sencillo siguiendo los siguientes pasos como muestro a continuación: Primero debemos añadir las dependencias necesarias dentro del pubspec.yaml Debe quedar de la siguiente manera Después vamos a crear la ruta de directorios con los ficheros .json Creamos desde la raíz de nuestro proyecto … Leer más

Acceso a Datos Fichero JSON (Sencillo)

Acceso a Datos Fichero JSON (Sencillo)

Tiempo de lectura: 2 minutos Buenas tardes a tod@s os voy a dejar un tutorial de como acceder a los datos: En primer lugar lo que hacemos es generar un JSON, en mi caso almacenado en la variable texto A continuación, pasamos la variable que contiene el JSON, para obtener una variable o un objeto Ahora creamos una variable respuesta, … Leer más

Ordenar un JSON por alguna de sus claves usando Javascript

Ordenar un JSON por alguna de sus claves usando Javascript

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podemos ordenar un JSON utilizando alguna de sus claves. Tenemos el siguiente JSON: Contiene distintas frutas, tiene un id qué está sin ordenar y además una propiedad que indica un orden. Para ordenar el JSON podemos hacer lo siguiente Con esta función podemos ordenar la listaJSON utilizando la clave … Leer más