architecture-it/mobile-core

Biblioteca de utilidades para funcionalidades e integraciones de servicios en aplicaciones mobile con React Native.

Remote Config

Cómo se indica en la documentación de Remote Config, podemos hacer uso de este servicio de Firebase para modificar el comportamiento de una aplicación sin necesidad de actualizarla a través del consumo de parámetros variables.

Para ello desde esta librería se ponen a disposición dos hooks que van a permitir, de forma simplificada, inicializar desde la aplicación la escucha de dichos parámetros al portal de Firebase como así también su consumo en donde se necesite.

useInitRemoteConfig()

Este hook es el principal, y el que va a permitir inicializar la escucha de los parámetros, para queluego puedan ser consumidos en el resto de la aplicación.

Se debe llamar y ejecutar en el archivo principal de la aplicación, por ejemplo App.tsx como se muestra a continuación:

import { useInitRemoteConfig } from "@architecture-it/mobile-core";

function App(): JSX.Element {

    useInitRemoteConfig();

    return (
        ...
    );
}

export default App;

useRemoteConfigVar()

Esta función permite acceder a los parámetros creados en el portal de Firebase, almacenarlos en una variables y consumirlos en la aplicación.

Para utilizar la función, se le deberá indicar cual es el tipo del parámetro a buscar (recordemos que Remote Config te permite declarar parámetros de tipo: string, number, boolean o json) y la key del parámetro (el nombre que se le dió en el portal al crearlo).

Para el caso de parámetros directos:

const age = useRemoteConfigVar<number>("age");
const name = useRemoteConfigVar<string>("name");
const isRegistered = useRemoteConfigVar<boolean>("registered");
const list = useRemoteConfigVar<json>("registered");

Para un parámetro de tipo json:

interface JsonData {
    name: string;
    lastname: string;
}

const list = useRemoteConfigVar<JsonData>("list");