Creando Ventanas JavaScript (Objeto Window) 3/3

Creando Ventanas JavaScript (Objeto Window) 3/3

Tiempo de lectura: 2 minutos Buenas, continuamos con el objeto window de JavaScript. En este tutorial, continuando con el anterior Creando Ventanas JavaScript (Objeto Window) 2/3, lo que queremos plasmar en el funcionamiento es lo siguiente: En este último ejemplo lo que hacemos es lo siguente, comentamos todo el código y lo unico que dejamos, es esta linea: Lo que … Leer más

Navegar entre pantallas (screens) con React Native

Navegar entre pantallas (screens) con React Native

Tiempo de lectura: 3 minutos En React Native cada pantalla es un objeto apilable que se va añadiendo en la parte superior de la pila. Es decir, que si abrimos una pantalla y luego la cerramos, la pantalla que aparece es la pantalla que teníamos abierta anteriormente. Para poder manejar pantallas vamos a utilizar el plugin de react-navigation (https://reactnative.dev/docs/navigation). Primero … Leer más

Creando Ventanas JavaScript (Objeto Window) 2/3

Creando Ventanas JavaScript (Objeto Window) 2/3

Tiempo de lectura: 2 minutos Buenas a todos, Continuando con el post anterior Creando Ventanas JavaScript (Objeto Window) 1/3, en este caso lo único que vamos a añadir es que aparezca un botón, que haga la misma función que hace la crucecita de la propia ventana, es decir, cerrar la ventana actual. Si pulsamos en «cerrar ventana» nos cierra la … Leer más

Borrar todos los packetes o plugins (dependencias) de npm en React o React Native

Borrar todos los packetes o plugins (dependencias) de npm en React o React Native

Tiempo de lectura: < 1 minuto Si queremos borrar las dependencias instaladas a nivel de proyecto (no global) dentro de nuestro proyecto de React tenemos que hacer lo siguiente: Borrar la carpeta llamada node_modules.rm node_modules Borrar package-lock.json:rm package-lock.json Ahora si queremos reinstalar de nuevo las dependencias tendremos que ejecutar Y de esta forma podemos restaurar las dependencias de nuestro proyecto.

Creando Ventanas JavaScript (Objeto Window) 1/3

Creando Ventanas JavaScript (Objeto Window) 1/3

Tiempo de lectura: 2 minutos Buenas tardes, Hoy os voy a explicar un poco que es el objeto window en JavaScript, las propiedades que tiene y todo lo que podemos jugar con el para crear ventanas (windows). ¿Qué representa el objeto Window? El objeto window representa una ventana en el navegador, y es el elemento raíz de la estructura de … Leer más

Solucionar conflicto con paquete npm install

Solucionar conflicto con paquete npm install

Tiempo de lectura: < 1 minuto Si al instalar un paquete nos sale un texto de error como este: npm WARN config global –global, –local are deprecated. Use –location=global instead.npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @react-navigation/stack@6.2.2npm ERR! Found: @react-navigation/native@5.9.8npm ERR! node_modules/@react-navigation/nativenpm ERR! @react-navigation/native@»^5.9.8″ from the root projectnpm ERR!npm ERR! Could not resolve dependency:npm ERR! … Leer más

Problema de espacio en Linux (inodos)

Problema de espacio en Linux (inodos)

Tiempo de lectura: < 1 minuto Si tenemos espacio suficiente en el disco y aun así salen errores como No space left on device o Write failed. Lo primero que tenemos que hacer es comprobar si hay espacio en la máquina con el comando: Como podemos ver, hay disponible un 30% de espacio y utilizado un 70%. Por lo que el … Leer más

Añadir SSL (https) usando contenedor Docker (cerbot) Let’s Encrypt con Apache o Nginx con tu dominio o subdominio

Añadir SSL (https) usando contenedor Docker (cerbot) Let’s Encrypt con Apache o Nginx con tu dominio o subdominio

Tiempo de lectura: 3 minutos Continuando con los tutoriales sobre Docker (https://devcodelight.com/category/docker) y partiendo del último post Crear un contenedor Docker Compose con Apache + PHP + MySQL (XAMP con Docker) Podemos añadir un contenedor Docker que nos sirva para añadir SSL usando cerbot (https://hub.docker.com/r/certbot/certbot/) qué además es compatible con Apache o Nginx (contenedor independiente). Vale para tu dominio o … Leer más

Crear una pantalla (Screen) con React Native

Crear una pantalla (Screen) con React Native

Tiempo de lectura: 2 minutos Las pantallas en React Native funcionan como propios objetos que se construyen con distintos componentes. En este ejemplo voy a enseñaros cómo crear un Screen. Primero creamos una carpeta screens dónde vamos a meter las pantallas y dentro de esta carpeta creamos un archivo .js llamado Login.js. Dentro del archivo Login.js vamos a tener lo … Leer más

Cambiar el texto de un Text en React Native

Cambiar el texto de un Text en React Native

Tiempo de lectura: < 1 minuto Si queremos cambiar el contenido de un Text utilizando React Native (hacer un setText) podemos utilizar el siguiente código que voy a explicar. Ahora voy a explicar el código. Primero se crea una constante de estados, primero indica el parámetro con el texto (texto) y el segundo atributo (setText) es la función para cambiar el … Leer más