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 →

ANGULAR+PRIMENG 2023

En este post se va a enseñar como utilizar la librería de componentes PrimeNG. Esta librería ofrece una variedad de componentes como tablas, formularios y menús con un diseño atractivo y una funcionalidad mejorada. Instalar dependencias Primero necesitas ejecutar los comandos de instalación en tu proyecto. A parte de PrimeNG y PrimeIcons (Librería opcional) añadiremos también PrimeFlex que es una librería de estilos css muy parecida a Bootstrap y compatible con PrimeNG, la razón para añadir esta librería es que Bootstrap sobrescribe los estilo de algunos componentes de PrimeNG obligándonos a retocarlos manualmente…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 →

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 →

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 →