React

Add internationalization (different languages) to your website using i18next and React

by
Add internationalization (different languages) to your website using i18next and React

Tiempo de lectura: 2 minutos Today we are going to learn how to integrate internationalization and different languages using i18next (https://react.i18next.com/) and React, and also achieve browser language detection. To implement internationalization with i18next in your React application, you first need to install i18next and its related modules, such as react-i18next. Then, configure i18next so that it can load translations … Read more

Install Material UI (Material Design) for React

by
Install Material UI (Material Design) for React

Tiempo de lectura: 2 minutos Material UI is a framework for developing interfaces based on Google Material Design. Personally, I like this design style a lot, both for its components and color palette, striking a balance between usability and modern design. Let’s learn how to install this framework into our React project. You can find more about this framework here. … Read more

Applying a Patch, Command, or Dependency Installation When Generating a Build with Expo in React Native

by
Applying a Patch, Command, or Dependency Installation When Generating a Build with Expo in React Native

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

Undoing a patch applied with patch-package in React Native

by
Undoing a patch applied with patch-package in React Native

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

Actualizar target versión de Android o iOS en React Native Expo

by
Actualizar target versión de Android o iOS en React Native Expo

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

Get SHA-1 keys from keys stored in Expo with React Native

by
Get SHA-1 keys from keys stored in Expo with React Native

Tiempo de lectura: 2 minutos Reading Time: 2 minutes Hello, today I’m going to show you how we can use Expo’s internal keystore manager on React Native to view attributes of keys like the SHA-1 used in OAuth credentials. The first thing we’re going to do is run this command: eas credentials In my case, I choose Android, but you … Read more

Adding an Android Play Store Keystore using React Native with Expo

by
Adding an Android Play Store Keystore using React Native with Expo

Tiempo de lectura: 2 minutos Hello, today we are going to learn how we can upload our own signing key to the Android Play Store using Expo. The first thing we have to do is open the Expo credentials manager: expo credentials:manager Once opened, in this case, we select Android: It will ask if we are in the correct directory: … Read more

Resolve ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH. On Windows.

by
Resolve ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH. On Windows.

Tiempo de lectura: 2 minutos html Copy code Reading Time: 2 minutes Hello, today we are going to see how we can solve the error: “ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH. Please set the JAVA_HOME variable in your environment to match thelocation of your Java installation.” What is happening is that … Read more

Resolving EAS Error: Cannot Load File …\\AppData\\Roaming\\npm\\eas.ps1 Is Not Digitally Signed. CategoryInfo: SecurityError: (:) [], PSSecurityException. FullyQualifiedErrorId: UnauthorizedAccess

by
Resolving EAS Error: Cannot Load File …\\AppData\\Roaming\\npm\\eas.ps1 Is Not Digitally Signed. CategoryInfo: SecurityError: (:) [], PSSecurityException. FullyQualifiedErrorId: UnauthorizedAccess

Tiempo de lectura: < 1 minuto Hello, today we are going to solve the EAS execution error: Code: eas : Cannot load file C:\Users\user\AppData\Roaming\npm\eas.ps1. The file C:\user\ismae\AppData\Roaming\npm\eas.ps1 is not digitally signed. You cannot run this script on the current system. For more information about script execution and execution policy configuration, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1 + eas build –profile … Read more