React

Tiempo de lectura: < 1 minuto Today we’re going to learn how we can add a YouTube video in React. The first thing we need to do is to add this dependency: npm install react-youtube –save Once installed, let’s create the component responsible for opening the YouTube video. We’ll call it YoutubePlayer.tsx import React from ‘react’; import YouTube, { YouTubeProps } … Read more

Tiempo de lectura: < 1 minuto Today we are going to learn how we can generate a development build with React Vite. This will generate the dist folder with development configuration. To do this, we need to go to the package.json file and add this command inside «scripts»: { “scripts”: { … “build-dev”: “tsc && vite build –mode development”, … } … Read more

Tiempo de lectura: < 1 minuto Today we are going to learn how we can load an Excel XLS file using React. The first thing we have to do is install the xlsx library: npm install xlsx Once installed, we create our loading function XLSLoader: import * as XLSX from ‘xlsx’; async function loadExcelData() { const response = await fetch(‘our_path_to_xls.xls’); const … Read more

Tiempo de lectura: 4 minutos Today we are going to learn how we can load an XML file into our React project to display the data. The first thing we are going to do is to install the necessary library, in this case, we will use xml2js. npm install xlsx Once installed, we are going to create the component that … Read more