You don't alway need a state management library or resorting to convoluted solutions to pickup changes outside your component. Here is an example of using React's useState and useEffect hooks to rerender a component when something outside of it changes and not even in a parent component.

Running into problem when building your react native app in React Native's cli or Xcode/Android Studio? Here are some tips for you.

Add support for using .env in your project using: https://www.npmjs.com/package/react-native-config

Make sure you do the step "Extra step for Android": https://github.com/lugg/react-native-config?tab=readme-ov-file#extra-step-for-android

If on iOS it's not working, run pod install inside ios folder.

You can also use variables to refer to your .env variables like this:

import Config from "react-native-config";
const ENV = 'STAGE'; // 'LOCAL' or 'PROD' or 'STAGE'
export const SHOP_URL = Config[`SHOP_URL_${ENV}`];

Learning React Native

Instructions for developing native apps on mac using React Native...