Sin categoría

Chakra UI en React

Chakra UI Chakra UI es una biblioteca de componentes sencilla, modular y accesible que nos proporciona bloques de construcción muy buenos para nuestros proyectos de React. Para empezar comenzaremos con la instalación de Chakra UI, en nuestro cmd tras crear un proyecto de React : https://www.flickr.com/photos/199600759@N03/53359944489/in/dateposted-public/ Nos introduciremos en el proyecto y descargaremos la librería de Chakra UI: https://www.flickr.com/photos/199600759@N03/53359619786/in/dateposted-public/ Tras descargarla dentro de nuestro proyecto de react en visual studio code o el editor de código que uses nos introduciremos en index.js para modificar el código. Lo primero que haremos dentro de index.js…continue reading →

Animations y Transitions en Vue

https://youtu.be/igM-7eIiT2E Presentación del Problema Imaginemos que estamos desarrollando una aplicación Vue que muestra una lista de tareas. Queremos mejorar la experiencia del usuario al agregar animaciones al agregar o eliminar tareas de la lista. Este es nuestro desafío: implementar animaciones y transiciones de manera efectiva en este contexto específico. Puntos Importantes a Considerar En nuestro caso, los puntos clave son la diferenciación entre animaciones y transiciones. Optaremos por usar transiciones para las adiciones y eliminaciones de tareas, ya que queremos efectos suaves en lugar de animaciones más complejas. Cómo Abordaremos la Solución Nuestra…continue reading →

Funcionamiento y construcción de Filtros Personalizados de Pipes de Angular

https://youtu.be/qfYyT4qsyfs En este post vamos a aprender cómo realizar transformaciones de datos desde los documentos HTML con las pipes. Angular proporciona una variedad de pipes incorporados, y también puedes crear tus propios pipes personalizados. 1, primero vamos a crear un fichero llamamos viaje.model.ts, es para instanciar objetos de la clase Viaje, representando viajes. 2, una datasource que carga y salva datos a un server crearemos un fichero llamamos datasource.model.ts Dentro del proyecto hay una carpeta "assets",aquí almaceno las imagenes. 3, Para mostrar la información de la tabla y el formulario, he creado un…continue reading →

Comparte datos entre componentes usando proveedores de contexto: Proveedor de Contexto con React

https://youtu.be/b5drVivxiOU El proveedor de contexto en React es una herramienta que permite compartir información entre componentes de manera fácil y sencilla. Con los proveedores de contexto, los componentes pueden acceder a datos y funciones desde un contexto compartido sin tener que pasar props manualmente a través de varios niveles de componentes. En este tutorial, aprenderás cómo usar los proveedores de contexto en React para compartir datos entre componentes sin problemas. En el desarrollo de aplicaciones con React, a menudo nos encontramos con la necesidad de compartir datos entre componentes que no están directamente…continue reading →

Manejo de hilos simples en MVC NetCore 6.0

Introducción En este post se va a explicar una pequeña introducción al manejo de hilos en C#. Los lenguajes de alto nivel como Java o el propio C# de manera integrada poseen un hilo de ejecución principal, por el cual de manera secuencial se ejecutan todas las líneas de código del programa a través de dicho hilo, que dependiendo del lenguaje puede ser Program, u otro nombre reservado. Esta estructura va a secuenciar todas los métodos, clases, repositorios, etc. que se ejecuten de tal forma que siempre se respete dicha secuencia, toda ubicada…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 →