Material UI / Caching en React

¿Qué es Material UI? https://flic.kr/p/2iJdEXq Material-UI es una biblioteca de código abierto que implementa el lenguaje visual de "materiales" de Google en sus componentes React. Ofrece la capacidad de combinar su biblioteca de interfaz de usuario, con el marco front-end de React.js. Con Material UI se pueden crear diseños profesionales modernos con personalización completa para aplicaciones sin las limitaciones de tiempo de iniciar CSS completo desde cero. En el siguiente tutorial, veremos algunos elementos y componentes de Material como los cards, con React y Material-UI. La aplicación implementará React Hooks, React Context, y…continue reading →

Enviar Emails en React

¿Se pueden enviar emails de forma nativa? La respuesta es no, React.JS no incluye los paquetes necesarios para poder enviar emails. Aparte de que React es la parte cliente (el navegador Web), por lo que no hay un servidor que esté a la escucha para realizar los envíos. En este post vamos a ver una forma de poder realizar envíos de email usando una aplicación de React como cliente web y usando ciertos paquetes para poder tener un servidor a la escucha, así cuando un usuario mande un formulario desde el cliente web…continue reading →

Despliege de aplicaciones React y/o Angular

En este post veremos como se puede desplegar una aplicación React o Angular en distintos tipos de servidor. Se enseñara como configurar el servidor correctamente para que el sistema de enrutado de las aplicaciones funcione correctamente. React y Angular tienen la particularidad que son webs de una sola página, cualquier simulación de enrutado se hace en cliente y no en servidor como una página web tradicional. Esta caracteristica requiere una configuración especial en el servidor que defina que cuando se hace una petición a quela url del servidor responda devolviendo un solo archivo…continue reading →

Librería Spring, animación de imágenes

¿Para qué sirve la librería Spring? Spring sirve para crear animaciones a través de la física de resortes, lo que significa, hacer animaciones basadas en el movimiento real del usuario. Esta librería es funcional tanto en iOS como en Android. Además es multiplataforma, admite web, react-native, react-native-web ... ¿Cómo se utiliza? Deberemos instalar Spring en nuestro proyecto React: Necesitamos la animación-primitiva en sí, y  animated que nos facilita elementos nativos para recibir valores animados. Gracias a "useSpring" podremos dotar de funcionalidad a los objetos. Con la palabra reservada animated podremos crear objetos dinámicos.…continue reading →

¿Como Crear Seguridad Personalizada en MVC?

Seguridad Personalizada La capa de seguridad de MVC es una capa independientemente de las demás capas de un Proyecto de un MVC Podemos añadir o quitar el capa de seguridad en cualquier momento de la creación del proyecto sin afectar a la funcionalidad del proyecto. Lo que sirve la capa de seguridad es limitar el permiso de acceso a cierta página del proyecto por diferente role. SOLUCIÓN RÁPIDA (copia código y Ya está) Preparación la capa de seguridad se implementa sobre un proyecto de MVC funcional. Así que, para la mostración de la…continue reading →

Implantación de Docker en Aplicación NET CORE

Nos disponemos a realizar una aplicación MVC Core integrando Docker.  en este proyecto usaremos MariaDB como base de datos.  Pero antes de comenzar, veamos brevemente qué es Docker. ¿Qué es Docker? Docker es una herramienta diseñada para facilitar la creación, implementación y ejecución de aplicaciones mediante el uso de contenedores. Los contenedores permiten a un desarrollador empaquetar una aplicación con todas las partes que necesita, como librerías y otras dependencias, y enviarla como un paquete rápidamente. https://flic.kr/p/2iuUUE4 Como puede ver en el diagrama, todas y cada una de las aplicaciones se ejecutan en…continue reading →

Application Insights, Azure

En este post vamos a realizar un video tutorial sobre la monitorización con Application Insights en Azure. ¿Qué es Application Insights? Application Insights es una característica de Azure Monitor que es un servicio de Application Performance Management (APM) extensible para desarrolladores y profesionales de DevOps. Se usa para supervisar las aplicaciones en directo. Detectará automáticamente anomalías en el rendimiento e incluye eficaces herramientas de análisis que le ayudan a diagnosticar problemas y para saber lo que hacen realmente los usuarios con la aplicación. Está diseñado para ayudarle a mejorar continuamente el rendimiento y…continue reading →

Web Api Entity Framework

Bienvenidos a este tutorial donde aprenderás  a crear una web api en el entorno ASP.NET Framework. Para este tutorial necesitaremos varias herramientas: Visual Studio: Interfaz donde realizaremos nuestra aplicación. Link de descarga: https://docs.microsoft.com/es-es/visualstudio/install/install-visual-studio?view=vs-2019 Sql Server Management: La base de datos donde nuestro software accederá a nuestros datos. Link de descarga SQL SERVER: https://www.microsoft.com/es-es/sql-server/sql-server-downloads Descargar SQL Server Management: https://docs.microsoft.com/es-es/sql/ssms/download-sql-server-management-studio-ssms?view=sql-server-ver15 Postman: Aplicación que nos permitirá realizar peticiones HTTP a nuestra WEB API. Link de descarga: https://www.getpostman.com/ ¿Qué es una API? Empezaremos explicando que es  una API (Interfaz de Programación de Aplicaciones). Es una interfaz que…continue reading →

Action Filters en ASP.Net MVC

¿Qué son los Action Filters? Los filtros de acción se utilizan generalmente para aplicar problemas transversales como el registro, el almacenamiento en caché, la autorización, etc.El filtro de acción se puede registrar como otros filtros a nivel global, controlador o método de acción. Ejecutan código inmediatamente antes y después de llamar a un método de acción. El atributo de filtro de acción personalizado se puede crear derivando la clase ActionFilterAttribute o implementando la interfaz IActionFilter y la clase abstracta FilterAttribute.Pueden cambiar los argumentos pasados a una acción.Pueden cambiar el resultado devuelto de la…continue reading →