Upgrading Remote Config in React Native Firebase: A New Approach

In a recent update, React Native Firebase adopted the Modular API, similar to the Firebase Web SDK v9. This change affects how developers implement and manage the Remote Config feature. Let's explore the implications of this update and how it can benefit developers in North East India and beyond.

Modular API: A Centralized and Reusable Approach

The Modular API introduces a more flexible and reusable approach to managing Remote Config data. Previously, developers used an instance-based class system, such as remoteConfig().fetchAndActivate(). With the Modular API, the configuration instance is passed as the first argument to independent functions, like fetchAndActivate(instance). This change allows for easier integration and reusability of Remote Config logic.

Implementing a Service

A centralized service can now be created to handle the Remote Config logic, making it easier to manage and reuse across different parts of an application. Here's a simple example:

 import { fetchAndActivate, getRemoteConfig, getValue, setConfigSettings } from '@react-native-firebase/remote-config' // Cache time (e.g., 5 minutes) export const REMOTE_CONFIG_CACHE_TIME = 300000 let remoteConfig: any = null /** * Initializes the Remote Config instance and sets global configurations. */ const initializeRemoteConfig = async () => { if (!remoteConfig) { remoteConfig = getRemoteConfig() } await setConfigSettings(remoteConfig, { minimumFetchIntervalMillis: REMOTE_CONFIG_CACHE_TIME }) } /** * Fetches and activates the latest values before returning them as a string. */ const getValueAsString = async (property: string): Promise => { await fetchAndActivate(remoteConfig) return getValue(remoteConfig, property).asString() } /** * Fetches and activates the latest values before returning them as a boolean. */ const getValueAsBoolean = async (property: string): Promise => { await fetchAndActivate(remoteConfig) return getValue(remoteConfig, property).asBoolean() } export const RemoteConfigService = { getValueAsBoolean, getValueAsString, initializeRemoteConfig } 

Global Initialization and Consumption of Values

The service can be initialized globally at the beginning of an application's lifecycle, for example, in App.tsx or a Redux store. By doing so, developers can access the Remote Config data throughout the application.

Global Instance (Singleton Auto-Initializable)

A more secure and flexible approach is to create a singleton, auto-initializable instance of the Remote Config. This ensures that the instance is only created once and can be easily accessed throughout the application.

 let remoteConfig = null const initializeRemoteConfig = async () => { if (remoteConfig) { return } const instance = getRemoteConfig() await setConfigSettings(instance, { minimumFetchIntervalMillis: REMOTE_CONFIG_CACHE_TIME }) remoteConfig = instance } const getValueAsString = async (property: string): Promise => { await initializeRemoteConfig() await fetchAndActivate(remoteConfig) return getValue(remoteConfig, property).asString() } const getValueAsBoolean = async (property: string): Promise => { await initializeRemoteConfig() await fetchAndActivate(remoteConfig) return getValue(remoteConfig, property).asBoolean() } 

Relevance to North East India and Beyond

This update to React Native Firebase's Remote Config feature offers developers in North East India and across India a more flexible and reusable approach to managing configuration data. By centralizing and streamlining the Remote Config logic, developers can save time, reduce errors, and create more efficient applications.

Conclusion

With the Modular API, developers can take advantage of a more streamlined and efficient approach to managing Remote Config data. By implementing a centralized service and initializing the Remote Config at the beginning of an application's lifecycle, developers can easily access and reuse configuration data throughout their applications. As developers in North East India and beyond continue to adopt React Native Firebase, this update will undoubtedly prove to be a valuable tool in their development toolkit.