Full Stack

Dockerizar App React

Equipo  Las características con el equipo que estamos usando seria:  Sistema Operativo: Windows   Versión: Windows 10  Memoria RAM: 16GB  Objetivo  EL objetivo principal es Dockerizar una app React , ya sea proyecto nuevo o personalizado. En el proceso veremos tipos de errores que nos pueden salir y como solucionarlo.  Pasos  Instalación Docker  El primer paso es instalar Docker Desktop para WIndows , ya que nosotros estamos usando este sistema operativo.  Usamos el siguiente link para descargarlo:  https://docs.docker.com/desktop/install/windows-install/  Una vez estemos en la página daremos click en el botón "Docker Desktop for Windows".   https://www.flickr.com/photos/199665078@N08/53357569416/in/datetaken/…continue reading →

Profundizando en las Props de React con una aplicación de Redes Sociales

https://www.youtube.com/watch?v=GCETu0bH_kIEn este post, explicaré las diferentes facetas de las props utilizando una simulación de una aplicación de redes sociales como contexto. Veremos la sintaxis, los tipos de datos y los patrones de diseño que hacen que las props sean un componente fundamental en el desarrollo de aplicaciones React. Introducción a las Props en React En el desarrollo de aplicaciones React, la comunicación efectiva entre componentes es clave. Aquí es donde entran en juego las props (propiedades). Las props permiten la transferencia de datos desde un componente "padre" a un componente "hijo", creando así…continue reading →

Control de formularios en React con react-hook-form

En la rama de desarrollo de aplicaciones web, los formularios son una parte esencial para recopilar datos de los usuarios. En React, la gestión de formularios puede ser un proceso complejo debido al manejo del estado y a la actualización del DOM. Ahí es donde las bibliotecas como “react-hook-form” entran en juego para simplificar y optimizar este proceso. ¿Por qué he decidido elegir la librería “react-hook-form” en React para el control de formularios? Simplicidad y Claridad: react-hook-form proporciona una API sencilla y clara para gestionar formularios en React. La sintaxis concisa y la…continue reading →

REGISTRO USUARIOS EN ASP.NET

/*! elementor - v3.11.2 - 22-02-2023 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} REGISTRO DE USUARIOS EN ASP.NET En este post, vamos a ver como implementar la función de registro de usuarios para nuestros proyectos en Asp.Net. Vamos a ver un ejemplo sencillo de un registro de usuarios sin encriptación con Email y contraseña y vamos a usar el framework ASP.NET Para empezar necesitamos una base de datos en la que podamos almacenar la información relacionada con nuestros usuarios. Una vez la tengamos vinculada en nuestro proyecto podemos avanzar. Vamos a empezar…continue reading →

Cómo validar un formulario con DataAnnotations

¿Sabías que puedes validar un formulario de html fácil, rápido y sencillo con ASP Net Core? En este tutorial os voy a enseñar a como validar un formulario mediante DataAnnotations a través de un model. Antes de comenzar con el tutorial os voy a explicar que son los DataAnnotations. Los DataAnnotations son nos permite llevar a cabo validaciones de datos de acuerdo a nuestras necesidades. Esas necesidades son decoraciones que indicaremos a los miembros de nuestras entidades. Una decoración corresponderá a una validación. Hay mútiples tipos de validaciones desde un teléfono, un email,…continue reading →

Encriptación en ASP.NET

https://flic.kr/p/2oso6pD Para entender un poco la encriptación en ASP.NET , debemos saber 3 conceptos fundamentales y en este caso lo vamos a aplicar en nuestra aplicación: SALT , UnicodeEncoding y SHA256Managed. Pero primero tenemos que saber una palabra clave para poder saber encriptar. El HASH: https://flic.kr/p/2osqnsi Un hash se puede considerar como una "huella digital" de los datos de entrada.Cualquier pequeño cambio en los datos de entrada producirá un hash completamente diferente.Por lo tanto, los hashes se utilizan comúnmente para verificar la integridad de los datos ypara detectar si se han producido cambios…continue reading →