Tiempo de lectura: < 1 minuto Today we are going to learn how to solve the error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; when trying to analyze a React project with TypeScript using Sonarqube. This error is located in the tsconfig.json file, as it includes: “moduleResolution”: “bundle”, To fix it, we will set: “moduleResolution”: “node”,
Tiempo de lectura: 2 minutos Today we are going to learn how to create a WordPress theme using React, TypeScript, and Frontity. Additionally, we will add Vite underneath, which will allow us to deploy our app faster. Frontity is the framework that allows you to connect your React application with WordPress, leveraging its REST API or GraphQL to fetch and … Read more
Tiempo de lectura: 5 minutos Today we are going to learn how to implement Google Login with Google Sign for React Native and that is also compatible with Expo. We are going to use the library react-native-google-signin/google-signin First let’s install the necessary library: npx expo install @react-native-google-signin/google-signin Important, for the library to work you must have a native app. (Here … Read more
Tiempo de lectura: 2 minutos Today we are going to indicate the necessary permissions in a WordPress installation with Apache. To ensure the security and proper functioning of your WordPress site within a Docker container, it is important to set the correct permissions on the web directory (www). Here is a general recommendation on how you could set the permissions: … Read more
Tiempo de lectura: 2 minutos Today we’re going to learn how to create a handler to redirect PHP errors to the Linux or Docker console. The first thing we need to do is to create a handler, we can call it exception_handler.php. And let’s add the following: <?php function manejarExcepcion($excepcion) { // Obtener información sobre la excepción $mensaje = ‘ERR: … Read more
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 You can customize the options by adding playerVars: reference. … Read more
Tiempo de lectura: 3 minutos Web accessibility is crucial to ensuring that everyone, regardless of their abilities, can fully enjoy the online experience. Fortunately, there are several tools and browser extensions that can help you assess and improve the accessibility of your website. Let’s explore some of them! Wave is one of my favorites. It’s a web accessibility evaluation tool … Read more
Tiempo de lectura: 2 minutos The web is a vast and diverse place, filled with information and opportunities. However, for many people with disabilities, navigating the web can be like trying to open a locked door. That’s why web accessibility is crucial. Let’s dive into the world of web accessibility and discover how the WCAG guidelines can unlock the web … Read more
Tiempo de lectura: 3 minutos Today we are going to learn how we can set up ESLint for a project that uses React and React Native with JavaScript or TypeScript. This will allow us to recognize errors that appear in our code and configure the type of error we want. Returns only the HTML translated, without any additions.HTML: First of … Read more
Tiempo de lectura: < 1 minuto Today I’m going to share a container setup for React based on Nginx. To do this, we are going to create this docker-compose.yml Now we are going to create our Dockerfile Finally, we will create the necessary folders: The nginx.conf file must contain: Remember that the React distribution folder generated with Vite is inside dist, … Read more
