Resetear Tab Navigator al cambiar de tab en React Native

Resetear Tab Navigator al cambiar de tab en React Native

Tiempo de lectura: 3 minutos En este tutorial, aprenderás cómo reiniciar la pila de navegación de un Stack.Navigator dentro de un Tab.Navigator al cambiar entre pestañas. Esto asegura que no se acumulen rutas previas en la navegación, evitando comportamientos inesperados. Paso 1: Crear la estructura básica Comienza configurando un Tab.Navigator que incluya diferentes pestañas, cada una asociada a un Stack.Navigator. … Leer más

Cómo Configurar un Stack Navigator Dentro de un Tab Navigator en React Navigation

Cómo Configurar un Stack Navigator Dentro de un Tab Navigator en React Navigation

Tiempo de lectura: 2 minutos En este tutorial aprenderás cómo configurar un Stack.Navigator dentro de un Tab.Navigator. Esto es útil cuando necesitas que ciertas pantallas estén agrupadas bajo una pestaña específica (por ejemplo, una pantalla de perfil con opciones adicionales). Aprenderás cómo configurar una navegación mixta utilizando un Stack.Navigator dentro de un Tab.Navigator y viceversa, simulando una estructura como la … Leer más

Crear un hook personalizado en React o React Native

Crear un hook personalizado en React o React Native

Tiempo de lectura: 3 minutos Un hook en React es una función especial que te permite «enganchar» características de React (como el estado y el ciclo de vida) en componentes funcionales. Los dos hooks más comunes son useState (para gestionar el estado) y useEffect (para manejar efectos secundarios), aunque puedes crear tus propios hooks personalizados para encapsular lógica reutilizable. Aquí … Leer más

Como borrar un archivo del historial de commits de Git y añadirlo al .gitignore

Como borrar un archivo del historial de commits de Git y añadirlo al .gitignore

Tiempo de lectura: < 1 minuto Hoy vamos a borrar un archivo del historial de commits de nuestro repositorio Giy y después vamos a añadirlo al .gitignore para que no vuelva a sincronizarlo. En este ejemplo borraremos el archivo llamado file.txt Con esto borramos el archivo remoto en nuestro ultimo commit. Si queremos borrarlo en todo el historial: OJO: Este comando … Leer más

Ejecutar un script con Expo cuando generas un build con EAS.

Ejecutar un script con Expo cuando generas un build con EAS.

Tiempo de lectura: 2 minutos Cuando ejecutamos un build en EAS podemos lanzar distintos hooks antes de la compilación completa, por ejemplo pruebas o modificación de archivos. Hoy vamos a aprender cómo podemos realizar este proceso. Expo permite ejecutar distintos hooks en el ciclo de vida del build: https://docs.expo.dev/build-reference/npm-hooks/ Para este caso vamos a utilizar justamente en el hook eas-build-post-install. … Leer más

Optimizar barra de Scroll que baja despacio en Chrome en HTML o React

Optimizar barra de Scroll que baja despacio en Chrome en HTML o React

Tiempo de lectura: < 1 minuto El comportamiento lento del scroll en Chrome puede deberse a varios factores específicos del navegador o de la configuración en React Web. Para solucionar el comportamiento lento de scroll en Chrome añadiremos el siguiente código dentro del estilo del contenedor qué realiza el scroll: Habilita will-change: transform en CSS: Para las secciones que necesitan rendimiento … Leer más

Cómo migrar de una tabla de base de datos a otra en la que se comparten algunos datos en MySQL

Cómo migrar de una tabla de base de datos a otra en la que se comparten algunos datos en MySQL

Tiempo de lectura: < 1 minuto Hoy vamos a ver una estrategia para poder migrar datos de una tabla de base de datos MySQL en la que se han eliminado columnas o añadido. Vamos a seguir estos pasos para no morir en el intento: También podemos añadir nuevos valores que no existian y que puedan ser obligatorios en la nueva tabla … Leer más

Crear un .env para Next.js y React

Crear un .env para Next.js y React

Tiempo de lectura: 2 minutos Ho vamos a crear un .env para utilizar con Next.js en React. Para usar variables de entorno en Next.js y React, necesitas crear un archivo .env.local en la raíz del proyecto y definir tus variables de entorno allí. Luego, en el código, accedes a esas variables usando process.env. Pasos para configurar el .env en tu … Leer más

Añadir y utilizar Swagger en tu servidor Go

Añadir y utilizar Swagger en tu servidor Go

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir Swagger en nuestro proyecto Go. Lo primero que haremos es instalar las librerías necesarias. Instalamos http-swagger Instalamos swaggo files Instalamos Gin Ahora vamos a documentar el código: Primero vamos a main.go y añadimos la cabecera de la aplicación: Importante, cuando despleguemos tenemos que cambiar localhost:8080 por la dirección … Leer más