Cómo publicar una web React con Vite en GitHub

Cómo publicar una web React con Vite en GitHub

Tiempo de lectura: 2 minutos Crearemos un sitio web simple, lo subiremos a GitHub y lo publicaremos en GitHub Pages. 🌟 Paso 1: Crear tu Aplicación con Vite Primero, necesitamos nuestra aplicación React lista. Si aún no la tienes, sigue estos comandos: Paso 2: Configurar Vite para GitHub Pages GitHub Pages requiere que las rutas estén bien definidas, por lo … Leer más

Configuración Spring Boot en Eclipse

Configuración Spring Boot en Eclipse

Tiempo de lectura: 3 minutos Para configurar un proyecto de Spring Boot en Eclipse hay que instalar el conjunto de herramientas o plugin de Spring Tools 4.Dentro de Eclipse, pulsamos en Help, después en Eclipse Marketplace como muestro a continuación. En la barra de búsqueda, escribimos «Spring Tools 4» y presionamos Go. Después instalamos «Spring Tools 4 (aka Spring Tool … Leer más

Crear nuevo proyecto de Angular y usando Angular CLI

Crear nuevo proyecto de Angular y usando Angular CLI

Tiempo de lectura: < 1 minuto Para crear un proyecto de Angular, es necesario tener instalado Angular y Node.js (Configuración e instalación de Angular CLI) En una terminal, navegamos hasta el directorio donde queremos crear un nuevo proyecto Angular. Luego, ejecutamos el siguiente comando: Para poder arrancar el servidor de desarrollo y ver la interfaz por defecto, debemos navegar al directorio … Leer más

Instalación de Angular CLI y configuración del entorno.

Instalación de Angular CLI y configuración del entorno.

Tiempo de lectura: < 1 minuto Para poder empezar a usar Angular necesitaremos tener instalado Node.js y un entorno de desarrollo que usaremos como editor de código, por ejemplo Visual Studio Code. Visitamos la página oficial de Node.js y descargamos la versión recomendada para nuestro sistema operativo. Abrimos una terminal y ejecutamos los siguientes comandos para verificar que Node.js y npm … Leer más

There was a problem loading the project. Failed to connect en React Native

There was a problem loading the project. Failed to connect en React Native

Tiempo de lectura: 2 minutos Al intentar ejecutar una aplicación desarrollada en React Native en un dispositivo Android, me he encontrado con el siguiente error. Para solucionarlo, he ido a la configuración de red e Internet de mi ordenador, después he pulsado en ‘Estado’ como muestro en la siguiente imagen. A continuación pulsamos dónde estamos conectados para ir a la … Leer más

Error SDK location not found en React Native

Error SDK location not found en React Native

Tiempo de lectura: < 1 minuto Si nos encontramos con este error al intentar generar un apk de una aplicación en React Native SDK location not found Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path in your project’s local properties file, debemos hacer lo siguiente para solucionarlo. Ahora crearemos un fichero llamado local.properties … Leer más

Opciones generales y configuración de estilo para una App en React Native

Tiempo de lectura: < 1 minuto Vamos a ver como configurar los estilos generales a una aplicación desarrollada en React Native. Para ello, en la pantalla dónde se establecen las diferentes pantallas y rutas, dentro del StackNavigator, añadiremos el screenOptions. El screenOptions, es un objeto que contiene las opciones de estilo y diseño para las pantallas en la navegación. Estas opciones … Leer más

Componente botón usando Flutter en lenguaje Dart

Componente botón usando Flutter en lenguaje Dart

Tiempo de lectura: 2 minutos En este post vamos crear un componente de botón personalizable en Flutter utilizando el widget ElevatedButton. Este componente nos permitirá crear botones con texto, icono y personalizar varios aspectos como el color, tamaño del texto y el ancho del botón. Ahora que hemos creado el componente de botón personalizable, podemos utilizarlo fácilmente en cualquier parte … Leer más

Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

Tiempo de lectura: 2 minutos Hoy vamos a hacer un widget personalizado llamado CustomDropdownButton, que se utiliza para mostrar un menú desplegable (DropdownButton) con opciones seleccionables. El widget acepta tres parámetros: El objeto opcion: Uso del Widget: Para utilizar este widget, simplemente hay que incorporarlo en el árbol de widgets y proporciona los parámetros requeridos como muestro a continuación: Creamos … Leer más

Crear RadioGroup con RadioButtons usando React con TypeScript

Crear RadioGroup con RadioButtons usando  React con TypeScript

Tiempo de lectura: 2 minutos Vamos crear un componente de RadioGroup compuesto a su vez de RadioButtons. Primero vamos a crear el componente RadioGroup. Ahora creamos un componente RadioButton como muestro a continuación: Después vamos a usar los componentes de la siguiente manera. Por último muestro como queda el resultado. Espero que les sirva de ayuda. ¡Que tengan un feliz … Leer más