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
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
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: 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: 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
Tiempo de lectura: 2 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. First of all, we need to install ESLint: npm install … Read more
Tiempo de lectura: 3 minutos Returns only the HTML translated, without any additions. Deep links allow us to open sections of our APP using a link or URL. First we are going to implement deep links in Android. To do this: We are going to go to app.json and add: Assuming the URL we want to open is https://myapp.com/main. To … Read more
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
Tiempo de lectura: < 1 minuto Today we are going to learn how we can implement the GDPR consent message with React Native. Lets install the following library (https://www.npmjs.com/package/@ulangi/react-native-ad-consent) npm install @ulangi/react-native-ad-consent –save <p.Now let’s add this key in info.plist of iOS: <p.Now we open AndroidManifest.xml in case of Android. And add: And now we create our component called consentAdmob.ts To … Read more
Tiempo de lectura: 2 minutos I tried to run an application developed in React Native on an Android device, and I encountered the following error. To solve it, I went to the network and Internet settings of my computer, after clicking on ‘Connection status’ as shown in the following image. We are now going to click where we are connected … Read more
