React

Implementing Request Tracking Transparency in iOS and AdMob Ad Permissions using React Native and Expo

by
Implementing Request Tracking Transparency in iOS and AdMob Ad Permissions using React Native and Expo

Tiempo de lectura: 2 minutos We will today learn to implement request tracking transparency using React Native and Expo. To do this, we will create the following utils file: // utils/AdsPermissions.ts (or similar) import { Platform } from ‘react-native’; import mobileAds, { AdsConsent } from ‘react-native-google-mobile-ads’; import { getTrackingPermissionsAsync, PermissionStatus, requestTrackingPermissionsAsync } from ‘expo-tracking-transparency’; export async function solicitartPermissionATT(): Promise<boolean> { … Read more

Adding In-App Subscriptions Using React Native on Android or iOS with react-native-iap

by
Adding In-App Subscriptions Using React Native on Android or iOS with react-native-iap

Tiempo de lectura: 2 minutos Today we’re going to learn how to add subscriptions to our application developed with React Native for Android or iOS. To make purchases in the app, we need to install the following library in our project: npm install react-native-iap Please install the current version: “react-native-iap”: “12.16.3”, Subscription purchase references for Android: https://developer.android.com/google/play/billing/rtdn-reference?hl=en Subscription Purchase References … Read more

Resolving the Expo Module Gradle Plugin Issue in React Native

by
Resolving the Expo Module Gradle Plugin Issue in React Native

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar el error de React Native: Plugin [id: ‘expo-module-gradle-plugin’] was not found in any of the following sources This error occurs because one of the libraries is incompatible with the current version. To solve it, we need to execute: npm install –check You need to update the indicated libraries. DevCodeLightdevcodelight.com

How to debug a React Web in a Mobile Device using Chrome DevTools from a Computer

by
How to debug a React Web in a Mobile Device using Chrome DevTools from a Computer

Tiempo de lectura: < 1 minuto We will see today how we can debug a web on a mobile using Chrome DevTools from a computer. Note: If you use localhost on mobile it won’t work, use the local IP of your PC. chrome://inspect The Remote Target section should appear and detect your mobile device with Chrome open. Below it will be … Read more

Compression function for compressing images uploaded to the web with React

by
Compression function for compressing images uploaded to the web with React

Tiempo de lectura: < 1 minuto You will be sharing a function today that helps us compress images we upload to our website using an input. Código: html const compressImage = (img: HTMLImageElement, maxWidth = 1024, quality = 0.7) => { const canvas = document.createElement(‘canvas’); const ctx = canvas.getContext(‘2d’); if (!ctx) return null; const scale = maxWidth / img.width; const width … Read more

Solving issue in Expo EAS for generating an iOS build with error code 35

by
Solving issue in Expo EAS for generating an iOS build with error code 35

Tiempo de lectura: < 1 minuto We are going to learn how to solve the problem today: Authentication with Apple Developer Portal failed! Security returned a non-successful error code: 36 This error occurs when we try to create the build for iOS from Flutter and ask for credentials, which we input correctly but get an error. We need to change the … Read more

Adding a 301 Redirect in Next.js

by
Adding a 301 Redirect in Next.js

Tiempo de lectura: < 1 minuto We will create a 301 redirect using next.js and in this case React. We will achieve that the old URLs can be redirected to the new ones, which is good for example to apply SEO. For example, we will redirect a URL that is https://devcodelight.com/hello to https://devcodelight.com/goodbye To do this, we will first go to … Read more

How to Create a Mobile App with Local AI Using Mistral and Transformers.js with React Native

by
How to Create a Mobile App with Local AI Using Mistral and Transformers.js with React Native

Tiempo de lectura: 2 minutos Do you imagine an app that works with artificial intelligence without internet connection? Today I’ll show you how to use Transformers.js and a model like Mistral 7B quantized in the browser or on your mobile, without sending data to external servers. You’ll achieve total privacy by using your own device, it’s free to use, works … Read more

Show number of tests executed and passed in SonarQube with Jest, Vitest and Pytest

by
Show number of tests executed and passed in SonarQube with Jest, Vitest and Pytest

Tiempo de lectura: 2 minutos Today we are going to learn how to pass and display the number of tests that have been covered in SonarQube. For React with Vite: First, we install: npm install -D vitest-sonar-reporter Now, we go to the vitest.config.ts We add: html reporters: [‘default’, ‘vitest-sonar-reporter’], // JUnit reporter to generate test reports outputFile: ‘test-results/test-results.xml’, // XML … Read more

How to Change the Version of Kotlin using Expo React Native

by
How to Change the Version of Kotlin using Expo React Native

Tiempo de lectura: < 1 minuto We will today learn how to change the Kotlin version used in Expo. First, we need to install expo-build-properties, which will allow us to edit native project properties without modifying anything in the android folder. html npm run expo install expo-build-properties And then we modified inside our app.json and could add the kotlinVersion: DevCodeLightdevcodelight.com