DevCodeLight 
Tiempo de lectura: 2 minutos Reading time: 2 minutes Good afternoon, everyone, We continue with JavaScript tutorials. Today, I’m going to show you how to make an AJAX call in JavaScript to access data from an XML file. You might be wondering, what is AJAX? In a quick, clear, and concise manner, AJAX is a web development technique that allows … Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minute To obtain the device language using React Native, we need to use the following method: First, we import the Platform and NativeModules methods from react-native. import { Platform, NativeModules } from ‘react-native’; And with the following method, we obtain the language: function getLanguage() { try { const deviceLanguage = Platform.OS … Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minute When implementing i18next’s multi-language support in React Native, the Android platform may return the following error: The following error message is displayed in the console: i18next::pluralResolver: Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling. at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in … Read more
Tiempo de lectura: 3 minutos Reading time: 2 minutes I’m going to show you how to add a loader for loading screens in React Native. To begin, we need to create a new component called Loader.js import React, { useState } from “react”; import { View, StyleSheet } from “react-native”; import { ActivityIndicator } from ‘react-native-paper’; var setMostrarLoader; const Loader … Read more
Tiempo de lectura: 2 minutos Reading time: 3 minutes I’m going to explain how to open another tab within a screen (outside the tab but within the execution stack) that already has content in our tab. For example, we have the following screen and we want to perform the navigation shown in the video: And we want to open the … Read more
Tiempo de lectura: < 1 minuto Reading Time: < 1 minute When we create a Tab Navigator by default, it appears without icons: Based on this code: <NavigationContainer> <Tab.Navigator initialRouteName=”Home”> <Tab.Screen name=”Home” component={Home} /> <Tab.Screen name=”Buscar” component={MisCursos} /> <Tab.Screen name=”Perfil” component={Perfil} /> </Tab.Navigator> </NavigationContainer> If we want to add icons, we can do the following. We will use a library that … Read more
Tiempo de lectura: 2 minutos Translated content in English: The first thing we have to do is create the component (if you don’t know what a component is, I recommend this post Create a component in React Native) that will represent our menu. In this case, I call it menu.js import React from “react”; import { StyleSheet, View } from … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes Hi, we continue with the JavaScript window object. In this tutorial, continuing from the previous Creating JavaScript Windows (Window Object) 2/3, what we want to demonstrate in the functionality is the following: <html> <head> <script> function openNewWindow(windowName) { // open a new window with the name passed as a parameter // … Read more
Tiempo de lectura: 3 minutos Reading time: 3 minutes Continuing with the tutorials on Docker (https://devcodelight.com/category/docker) and building upon the last post Creating a Docker Compose Container with Apache + PHP + MySQL (XAMPP with Docker) We can add a Docker container that allows us to add SSL using Certbot (https://hub.docker.com/r/certbot/certbot/), which is also compatible with Apache or Nginx (independent … Read more
Tiempo de lectura: 2 minutos Reading time: < 1 minutes If you want to add a Top Tab Navigation using React Native to achieve the result shown in this image: First, you need to install the necessary dependency (remember to install React Navigation first): npm install npm install @react-navigation/material-top-tabs react-native-tab-view --save Once installed, it is used in the same way ... Read more
