Create a project with React and Next.js

Create a project with React and Next.js

Tiempo de lectura: 2 minutos Today we are going to learn how to create a React project with Next.js and run it. The first thing we are going to do is to create a new project with this command: npm create-next-app my_app Now it will ask about the configuration. I have chosen and recommend this one: Use TypeScript since it … Read more

Joining on the Presence of NULL Values in SQL

Joining on the Presence of NULL Values in SQL

Tiempo de lectura: < 1 minuto In SQL, joins are used to combine rows from two or more tables based on a related condition between them. I will show you how to use the most important joins: INNER JOIN, LEFT JOIN, RIGHT JOIN, and FULL JOIN, with NULL checks to handle unmatched rows. INNER JOIN returns only the rows that have … Read more

Example of Join Types in SQL

Example of Join Types in SQL

Tiempo de lectura: < 1 minuto In SQL, joins are used to combine rows from two or more tables based on a related condition between them. There are several types of joins, but the most important ones are: INNER JOIN, LEFT JOIN, RIGHT JOIN, and FULL JOIN. Next, I’ll show you how to use each one with examples. The INNER JOIN … Read more

Create Admob App Loading Ad on Android

Create Admob App Loading Ad on Android

Tiempo de lectura: 3 minutos Today we are going to learn how to create an app loading ad with Admob on Android. First, we will implement in our build.gradle: implementation ‘com.google.android.gms:play-services-ads:23.0.0’ Then we need to initialize the ads in our MainActivity: MobileAds.initialize( this, new OnInitializationCompleteListener() { @Override public void onInitializationComplete(InitializationStatus initializationStatus) {} }); And add in the manifest (below </application>) … Read more

Create Admob Interstitial Ad on Android

Create Admob Interstitial Ad on Android

Tiempo de lectura: 2 minutos Today we’re going to learn how to implement an Interstitial ad on Android using Java. First, we’ll implement in our build.gradle: Then, we need to initialize the ads in our MainActivity: And add in the manifest (below </application> ): And also inside : Replace YOUR_ADMOB_APP_ID with your Admob APP ID. Now let’s create our interstitial … Read more

Create rewarded Admob ad on Android

Create rewarded Admob ad on Android

Tiempo de lectura: 2 minutos Today we’re going to learn how to add a rewarded Admob ad on Android using Java. First, we’ll implement in our build.gradle: implementation ‘com.google.android.gms:play-services-ads:23.0.0’ Then we need to initialize the ads in our MainActivity: MobileAds.initialize( this, new OnInitializationCompleteListener() { @Override public void onInitializationComplete(InitializationStatus initializationStatus) {} }); And we add in the manifest (below </application>) <meta-data … Read more

Fix error: Unknown compiler option ‘allowImportingTsExtensions’. Using Sonarqube with React and TypeScript

Fix error: Unknown compiler option ‘allowImportingTsExtensions’. Using Sonarqube with React and TypeScript

Tiempo de lectura: < 1 minuto Today we are going to solve the error Unknown compiler option ‘allowImportingTsExtensions’ that appears when trying to analyze a TypeScript project with SonarQube and React. The error is found in tsconfig.json of the React project, it is fixed by removing the following line: allowImportingTsExtensions”: true,

Argument for ‘moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, or ‘nodenext’.

Argument for ‘moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, or ‘nodenext’.

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”,

Create a WordPress Theme Using React with Frontity, TypeScript, and Vite

Create a WordPress Theme Using React with Frontity, TypeScript, and Vite

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