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: 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: 2 minutos Today we are going to learn how we can implement the GDPR consent message with React Native. Let’s install the following library (https://www.npmjs.com/package/@ulangi/react-native-ad-consent) npm install @ulangi/react-native-ad-consent –save Now let’s add this key in info.plist of iOS: <key>GADDelayAppMeasurementInit</key> <true/> Now we open AndroidManifest.xml in case of Android. And add: <meta-data android:name=”com.google.android.gms.ads.DELAY_APP_MEASUREMENT_INIT” android:value=”true”/> <uses-library android:name=”org.apache.http.legacy” android:required=”false”/> And … Read more
Tiempo de lectura: 2 minutos Today we will learn how to connect our React Native application to a WebSocket using the https://www.npmjs.com/package/react-native-websocket library Setting up React Native Application Create a New React Native Project: Create a new React Native project using react-native-cli: npx react-native init MyReactNativeApp cd MyReactNativeApp Install WebSocket Dependencies: Install the react-native-websocket library to handle WebSocket connections in … Read more
Tiempo de lectura: < 1 minuto Today we are going to learn how to fix an error that occurs when creating a new project with Expo and TypeScript. This error is: The Kotlin Gradle plugin was loaded multiple times in different subprojects, which is not supported and may break the build. This might happen in subprojects that apply the Kotlin plugins … Read more
Tiempo de lectura: 2 minutos Today we are going to learn how we can create a new React Native project with Expo. Creating a new project with React Native, Expo, and TypeScript is a relatively straightforward process. Here are the basic steps you can follow: Step 1: Install Node.js and npm Make sure you have Node.js and npm installed on … Read more
Tiempo de lectura: 2 minutos Reading Time: < 1 minutes I’m going to explain how you can run the installation of an npm package with flags or any other command when generating a build with React Native: In this case, we need to apply this dependency installation: npm i react-native-picker-select –save –legacy-peer-deps Step 1: Create an .npmrc File First, create … Read more
Tiempo de lectura: < 1 minuto html Copy code Reading Time: < 1 minutes Hello, today we are going to solve the error that occurs when trying to build an iOS app in react native version 72 / Expo 48. The error is as follows: brew install ruby@3.1 Add the PATH for Ruby (the command will appear on the screen after … Read more
Tiempo de lectura: 2 minutos To remove a patch that you previously applied using patch-package, follow these steps: Open a terminal in the root of your project where the package.json file is located. Execute the following command to undo the patch: npx patch-package –reverse [package-name] Replace [package-name] with the name of the package for which you want to undo the … Read more
Tiempo de lectura: < 1 minuto html Copy code Reading Time: < 1 minute Hello, today we will see how we can update the target version of Android / iOS using React Native. This way, we can upgrade to version 33, which Google Play requires for app updates starting from August 31. Inside our React Native project, we add this dependency: … Read more
