isMa

Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.

Solucionar error Could not find Ninja on PATH or in SDK CMake bin folders. en React Native con Expo

por
Solucionar error Could not find Ninja on PATH or in SDK CMake bin folders. en React Native con Expo

Tiempo de lectura: < 1 minuto Hoy vamos a solucionar el siguiente error: A problem occurred evaluating project ‘:expo’. A problem occurred configuring project ‘:expo-modules-core’.[CXX1416] Could not find Ninja on PATH or in SDK CMake bin folders. Este error ocurre cuando queremos generar el build de desarrollo con Expo: Para solucionar este error, tenemos que ir al SDK manager de Android … Leer más

Google Analytics en React con Next + Truco Extra

por
Google Analytics en React con Next + Truco Extra

Tiempo de lectura: < 1 minuto Hoy vamos a añadir la etiqueta de Google Analytics usando Reacy y Next. Para añadir la etiqueta, tenemos que tener creada una cuenta de Google Analytics. Iremos a nuestra etiqueta <Head> y añadiremos: Donde IDGoogleAnalytics será nuestro ID: G-XXXXXX Extra: Mejorar el rendimiento de % de rebote. Con este script podremos mejorar el % de … Leer más

SEO en Web: número de caracteres para Meta

por
SEO en Web: número de caracteres para Meta

Tiempo de lectura: < 1 minuto Os proporciono una guía sobre el límite de caracteres óptimos para cada etiqueta META. Title: máximo 60 caracteres. Description: máximo 160 caracteres. Keywords: máximo 12 keywords. (Separados por comas). isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un … Leer más

Añadir modo oscuro (Dark Mode) en React usando Mui

por
Añadir modo oscuro (Dark Mode) en React usando Mui

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir modo oscuro usando React y la librería de diseño MUI. Lo primero que haremos es crear dos temas oscuro y claro: Theme.tsx Una vez creados vamos a generar la lógica que establecerá el modo oscuro según las prefrencias del usuario. Dentro de nuestro _app.tsx o archivo principal: Con … Leer más

Deja de instalar servicios en tu VPS, usa Docker

por
Deja de instalar servicios en tu VPS, usa Docker

Tiempo de lectura: 2 minutos En el vertiginoso mundo del desarrollo de software, la eficiencia es la clave. Cada línea de código cuenta, cada recurso computacional es valioso y cada segundo perdido puede significar una ventaja competitiva sacrificada. En este contexto, Docker emerge como una herramienta revolucionaria que no solo simplifica el proceso de desarrollo y despliegue de aplicaciones, sino … Leer más

Añadir Google AdSense en React

por
Añadir Google AdSense en React

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir Google Adsense en React. Lo primero que tenemos que hacer es crear una cuenta en Google Adsense y obtener nuestro código de página. Ahora tenemos que añadir el código dentro de nuestro head de esta forma: Donde en ca-pub-XXXXXXXXXXXXX debemos indicar nuestro id de Google Adsense. Y ahora … Leer más

Validar token ReCaptcha usando PHP

por
Validar token ReCaptcha usando PHP

Tiempo de lectura: < 1 minuto Hoy os voy a compartir un código para poder validar un Token ReCaptcha con PHP. Lo primero que haremos es copiar esta función en el archivo dónde queramos validar: En este ejemplo pasamos por body JSON el código reCaptcha obtenido y lo validamos. Sustituye SECRET_CODE por el código secreto obtenido al crear el captcha. Para … Leer más

Añadir un SVG en React Native con Expo

por
Añadir un SVG en React Native con Expo

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir una imagen SVG en React Native usando Expo. Lo primero que haremos es instalar las dependencias necesarias: Primero react-native-svg Y ahora instalamos react-native-svg-transformer Una vez instaladas tenemos que configurar react-native-svg-transformer. Para ello abrimos el archivo metro.config.js y añadimos: Y si usamos TypeScript tendremos que añadir este código dentro … Leer más

Añadir captcha reCAPTCHA Google a React

por
Añadir captcha reCAPTCHA Google a React

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos validar un formulario, incluyendo un reCAPTCHA para evitar ataques de spam por BOTS. Lo primero que tenemos que hacer es registrar nuestro código de reCAPTCHA en Google: https://www.google.com/recaptcha/about/ Y pulsamos en v3 Admin Console Le damos a crear una nueva en el botón del más (+) y en este … Leer más

Decodificar Token JWT en React

por
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