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 →

Partial View VS View Component

PARTIAL VIEW INTRODUCCIÓN: Las vistas parciales son básicamente una vista que se puede reutilizar en la aplicación web. Las vistas parciales pueden actuar como un bloque reutilizable conectable al que podemos llamar desde cualquier lugar de la aplicación y se muestra el contenido de la vista parcial. Cada vez que usamos vistas parciales, debe representarse como una vista secundaria. Es muy útil como componente reutilizable o en caso de dividir una interfaz grande en partes pequeñas. Podemos crear una vista parcial al igual que las vistas regulares y esta vista se puede devolver desde el controlador usando…continue reading →

Operaciones masivas e importar datos Excel con .Net Core

En este ejercicio se van a utilizar importaciones y exportaciones de los datos de documentos Excel, para recuperar y extraer los datos masivos. Para ello se ha creado una aplicación web de contabilidad en un supuesto práctico. En primer lugar hay que instalar el Nuget EPPlus, para manejar las hojas de calculo Excel en la aplicación. Para poder realizar operaciones con la gran cantidad de datos que se van manejar, se debe también agregar el Nuget EntityFramework Plus. https://flic.kr/p/2orTiSs Nuget EPPlus https://flic.kr/p/2orVkeA Nuget EntityFramework Plus Se define en el proyecto la clase modelo…continue reading →

Integración de Google Maps en Net Core

En este post te mostraré cómo puedes integrar fácilmente Google Maps (https://developers.google.com/maps?hl=es-419) en tus proyectos de Net Core utilizando tan solo unas pocas líneas de código y aplicando JavaScript o JQuery. En este caso, nuestro objetivo final será implementar un buscador con autocompletado en el que, al pulsar en un botón o al introducir el texto de una localización, se nos muestre en nuestra aplicación un contenedor de Google Maps con dicha localización seleccionada. Google Maps es una herramienta muy popular y ampliamente utilizada, lo que la convierte en una excelente opción para…continue reading →

Configuración básica de Visual studio Enterprise

Muy buenas! En este Post vamos a configurar un poco nuestro Visual Studio Enterprise, para que nos ayude un poquito a la hora de programar. Comenzamos! En primer lugar debemos tener ya instalado dicho programa, en caso contrario te dejo el enlace de descarga. Una vez tengamos el programa tenemos dos opciones para llegar a las configuraciones. La primera opción es donde pone: Continue without code. https://flic.kr/p/2oqdVLN Como segunda opción es meternos dentro de cualquier proyecto creado previamente. En estos momentos deberiamos de visualizar un panel en horizontal en la parte superior del…continue reading →

Uso de la API de Spotify

El mayor problema que nos puede presentar la API de Spotify es la autenticación del usuario, sí que es verdad que la mayoría de las peticiones tiene un cierto limite de envío de datos, esto quiere decir, que, si por ejemplo queremos mostrar nuestras listas de reproducción, la api solo nos devolverá 50 resultados. Este problema lo podremos solucionar con un bucle realmente sencillo, pero para ello debemos conocer la cantidad de listas que tenemos, lo veremos mas adelante. Primeros Pasos Lo primero de todo es crear nuestro proyecto de react con el…continue reading →