react-native-dotenv | Load react native environment variables using import | Frontend Framework library

I'm working on a React Native app. So I found a great way to have multiple envs using react-native-dotenv. Now I want to add Facebook login to my app. There is configuration that is needed and has to be set in app.json.

I would like to use a different Facebook app for my dev and my prod. How can I change fields in app.json based on my .env file, or is there a better way to manage this?

I want to use different environment variables for different environments in CircleCI. For example, there is WEBSITE_URL variable and I want it to be different for production builds and other builds. I setup PROD_WEBSITE_URL and DEV_WEBSITE_URL inside CircleCI Project settings (environment variables).

My idea was to use this code in config.yml file, but when I tested this code, variable was undefined in the app.

I added the react-native-dotenv library and followed the guide using TypeScript.

I created a .env file

I've created a react native app with expo.I installed the dotenv package, I want to make a .env file and use it but I get an error saying Unable to resolve @env from .... I've read a bunch of articles and blog post about using .env files in expo but I couldn't figure out how to fix it. Here is the code:

babel.config.js

I followed the guide and I used react-native-dotenv lib.

Here is my babel.co

I ma building a react-native app with typescript in order to learn react native. Once I run the app with expo start and try to run on emulator I get this error:

index.js: [BABEL] ......../index.js: Unknown option: .name. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options

Actually I didn't have this error before. I tried to install react-native-dotenv package and while doing it installed metro-react-native-babel-preset too, which I am not sure whether was already installed or not.

My package.json is as follows:

Store(states and backend) is built with axios and redux through redux-axios middleware which requires suffixes _SUCCESS and _FAIL for the Request. Trying to make API call with redux axios middleware. However, data is not passing to the component. Reducer is executing only Default case for some reason.

action:

I have been trying to find out how to fix the following error when trying to run my Jest test using React Native:

FAIL tests/App-test.js ● Test suite failed to run

...

I already went through multiple posts and possible fixes, updating different libraries, etc, trying to fix this issue. I'm not able to identify which library can be the problem.

After running grep -r UIWebView ./* on my entire project I get the following references: