Cómo leer y mostrar un excel en React

En esta sección os voy a enseñar como leer un archivo excel con sus múltiples hojas con React. Para ello vamos a usar una librería que nos permitirá leer el excel y usar sus métodos para manejar elfichero.Lo primero que debemos hacer es crear un proyecto en React Quitaremos el StrictMode para que no nos repita dos veces cada ejecución Lo primero que haremos será crear una carpeta components y dentro nuestro jsx llamado Excel (elnombre que tú quieras). Para mostrar los datos he usado Bootstrap, pero puedes usar la librería que tú…continue reading →

Funcionamiento de Props en React de una aplicación de contactos

Los Props se refieren a las propiedades las cuales cumplen un rol importante en el proceso de desarrollo de una aplicación o página web. Los componentes son los bloques de construcción de React y estos componentes usan Props para mejorar su funcionalidad y poder reutilizar el código. Para enseñaros como utilizar Props en React, lo vamos a aplicar en una aplicación de contactos. https://flic.kr/p/2o2EtyS En primer lugar os enseñamos una tarjeta de contacto, donde contiene información, como su nombre, la foto , el número de teléfono y su correo electrónico. Lo hemos guardado en nuestro componente llamado index.js. Allí…continue reading →

Cómo integrar BULMA en Vue

¿Qué es BULMA? ¿Cómo se integra Bulma en Vue? A menudo nos encontramos en la situación de hacer una pagina web en el framework Vue pero no sabemos cómo hacer que nos quede presentable a nivel de diseño, para ello, hay un framework de CSS que se llama "Bulma", esta tiene librería que nos permitirá hacernos el trabajo de diseño mucho más sencillo ya que tiene muchos componentes los cuales podrás utilizar, modificar a nuestro gusto. Crea una carpeta para almacenar el proyecto-Vue: C:\Users\Sarto\Desktop\VUE BULMA Crea un proyecto Vue dentro de la consola…continue reading →

Web Scraping con Cheerio en VUE

En este post se va a tratar el Web Scraping. Esta técnica es utilizada para extraer información de páginas web. Es increíblemente útil cuando necesitamos recuperar grandes cantidades de información de diferentes páginas. Debido a que ahorra una gran cantidad de trabajo humano. En esta ocasión utilizaremos esta técnica para recuperar los títulos de los posts publicados en la página principal de https://techriders.tajamar.es/ También recuperaremos las etiquetas de cada titulo y realizaremos un recuento para ver que temas son más abundantes. Para realizar esta tarea utilizaremos la librería Cheerio. Una librería desarrollada para…continue reading →

Creación de Modales en Vue3 con SweetAlert2

SweetAlert2, es una librería javascript que permite crear ventanas emergentes con un diseño profesional y fácil de personalizar e implementar, es compatible con la mayoría de los navegadores web como: Edge, Chrome, Firefox, Safari, entre otros más. Está pensada para poder utilizarse junto a JavaScript Vanilla. Por lo tanto se puede utilizar para distintos frameworks como React, Vue y Angular, en este post se explicará cómo utilizarla en Vue3. Instalación  Podemos realizarla de dos maneras ambos casos están en la web en el apartado de “Installation” Primer método Mediante el CDN que la…continue reading →

SERVICIOS EN ANGULAR CON AXIOS

-Servicios Un servicio es una clase, comúnmente decorada con el decorador injector de Angular, mismo que indica que este servicio puede inyectar otras dependencias de la aplicación, ya sean otros servicios como el de http , por lo tanto los componentes no deberían buscar ni guardar datos directamente y, desde luego, no deberían presentar a sabiendas datos simulados. Deben centrarse en presentar datos y delegar el acceso a los datos a un servicio. Una buena práctica es utilizar servicios siguiendo la arquitectura de Angular , para realizar peticiones ,además de tener métodos y…continue reading →