😮 Como usar variables globales en React Native

Al momento de desarrollar una app en React Native, muchas veces nos topamos con la necesidad de tener un valor que pueda ser usado en varios componentes, también que nos permita modificar su valor y así mismo este disponible en toda nuestra aplicación.

Para eso sin complicarnos tanto con librerías como Redux o Mobx, etc. usaremos variables globales, un ejemplo para su uso podría ser el idioma de la app o el ID de algún usuario.

La manera como lo resolví sin armar un desorden dentro de mi aplicación fue creando un archivo al que llame app.js, puede ser global.js o pepito.js. Dentro coloque mis variables con un export para que el IDE las pueda detectar correctamente (estén visibles).

//app.js
export var lang = "es";
export var res = require("../res/app_es.json");
export var idUsuario = 0;

Para poder hacer un uso correcto de las variables en cada componente donde necesitaba usarlas hacía el import del archivo de la siguiente manera.

import * as app from "./app";

Como utilice el export en cada variable el IDE que usen (me gusta VSCODE) detectará las variables y para usar el valor o para cambiarlo lo hacía de la siguiente manera.

print(app.lang); // es
app.idUsuario = 100;
print(app.idUsuario); // 100

Y de esta manera podemos tener variables globales en nuestra aplicación desarrollada en React Native.