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

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

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

Adding Context in React Native to Reuse Components Across Multiple Screens, for Example a Loader

Adding Context in React Native to Reuse Components Across Multiple Screens, for Example a Loader

Tiempo de lectura: 2 minutos Reading Time: 2 minutes Hello, today we are going to learn how to add a context in React Native to reuse components across multiple screens without repeating the component. The first thing we need to do is create our component, in this case, it’s a loader: Folder: components/loader.js import React from “react”; import { View, … Read more

Error launching your React Native application locally

Error launching your React Native application locally

Tiempo de lectura: 2 minutos Reading Time: 2 minutes Good morning, in today’s tutorial, I’m going to show you how I solved an error that occurred to me a couple of times and I couldn’t figure out how to fix. When running the application on my mobile device locally or on any mobile device, it is done with the following … Read more

Test in React Native using Jest

Test in React Native using Jest

Tiempo de lectura: 2 minutos Reading time: 2 minutes Hello, today we are going to learn how to perform testing using Jest in React Native and Expo. Let’s assume you have a login component called LoginScreen that contains user input fields for username and password, as well as a login button. First, make sure you have Jest configured in your … Read more

Unit testing with React Native and Mocha

Unit testing with React Native and Mocha

Tiempo de lectura: 2 minutos Reading time: 2 minutes Hello, today we are going to see how we can perform Unit Tests using Mocha in React Native. The first thing we need to do is install the dependencies for testing: npm install –save-dev mocha chai sinon nyc istanbul-lib-coverage istanbul-reports npm install –save-dev mocha-junit-reporter npm install –save-dev @babel/core @babel/register @babel/preset-env Create … Read more

Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

Tiempo de lectura: 2 minutos Reading time: 3 minutes Hello, today we are going to see how we can create a Docker container that generates Android Builds (APKs) locally using React Native. First, we are going to generate our docker-compose.yml file as follows: version: “3.1” services: react_native_dev: build: context: ./Dockerfile dockerfile: react_native restart: unless-stopped container_name: react_native_dev environment: EXPO_CLI_NO_PROMPT: 1 EXPO_TOKEN: … Read more

Refreshing Screen on Return in React Native

Refreshing Screen on Return in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minute If we want to refresh a screen when returning from another screen using React Native, we have to do the following: First, we import react-navigation import { useFocusEffect } from '@react-navigation/native'; Then, we add it in our render: useFocusEffect( React.useCallback(() => { }, []) ); Inside the React.useCallback block, we … Read more

PWA vs Flutter vs React Native vs Ionic: Which Technology to Use for Mobile Development?

PWA vs Flutter vs React Native vs Ionic: Which Technology to Use for Mobile Development?

Tiempo de lectura: 3 minutos Reading time: 4 minutes PWA (Progressive Web Apps), Flutter, React Native, and Ionic are mobile development technologies that have different advantages and disadvantages in terms of performance, user experience, platform support, learning curve, maintenance and scalability, and cost. PWA It is a technology that allows creating web applications with features similar to native applications, using … Read more