Sin categoría

Angular – Manejo de Observables

https://youtu.be/38ZmuMq7o1M Muy Buenas a todos, mi nombre es Juan Carlos Linaje y en esta entrada, veremos cómo trabajar con observables de una manera didáctica, con un ejemplo explicado y detallado paso a paso Lo primero de todo, para poder empezar en nuestro proyecto, lo que vamos a hacer es irnos a Github: https://github.com/desatatufuria/AngularObservers-appNos descargamos el proyecto: Case Study with Binding Una vez nos descarguemos el proyecto, procederemos a preparar el entorno de trabajo. usamos el comando: npm install Levantamos el proyecto.usamos el comando: ng s -o  s, es un alias de server -o, es un argumento…continue reading →

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 →