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

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

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

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, DevCodeLightdevcodelight.com

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”, DevCodeLightdevcodelight.com

Implementing Google Sign-in in React Native (also compatible with Expo)

Implementing Google Sign-in in React Native (also compatible with Expo)

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

Setting up ESLint for React or React Native project with JavaScript or TypeScript

Setting up ESLint for React or React Native project with JavaScript or TypeScript

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

Avoiding the Keyoard from Hiding the User Interface in React Native

Tiempo de lectura: 2 minutos The KeyboardAvoidingView is a component in React Native that helps manage keyboard behavior on mobile devices, especially on small screens. When a text field or input is selected and the keyboard appears, The KeyboardAvoidingView adjusts the position of components on the screen to prevent them from being covered by the keyboard. You should use KeyboardAvoidingView … Read more

Adding GDPR European Ad Consent Message with React Native Google Mobile Ads (ADMOB) using Expo

Adding GDPR European Ad Consent Message with React Native Google Mobile Ads (ADMOB) using Expo

Tiempo de lectura: 2 minutos Today we are going to learn how we can add the mandatory ad consent message to comply with GDPR. The first thing we need to do is to have our message set up: https://devcodelight.com/mensaje-consentimiento-conforme-rgpd-para-admob/ NOTE: I am using version 12.2.0 of react-native-google-mobile-ads at least (https://github.com/invertase/react-native-google-mobile-ads) Once configured, let’s go to android/app/proguard-rules.pro and add: -keep class … Read more