Slow Start-Up Time

atgitdeepak — Wed, 24 Nov 2021 11:48:26 +0000

My app is taking too much to open approximately (7–12 secs).
In development mode, I observed a gap(15 secs) in the node server between bundling and the first console.log() of the "index.js" file(very first file).
I have enabled Hermes
I have started using inline require
I have removed unused files and unused reports

Can you guys please help me with this, this is very urgent(I am stuck in this for the last 1–2 weeks).
Please refer to the image to see the gap. (//TRE is the first console.log in the "index.js" file.)
(https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cw0p1vd0qn00vu4dzgek.png)

//This is my package.json
"dependencies": {
"@babel /runtime": "^7.15.4",
"@react-native-async-storage/async-storage": "^1.15.4",
"@react-native-community/clipboard": "^1.5.1",
"@react-native-community/masked-view": "^0.1.11",
"@react-navigation/drawer": "^5.9.0",
"@react-navigation/native": "5.1.4",
"@react-navigation/stack": "5.2.9",
"@twotalltotems/react-native-otp-input": "^1.3.11",
"axios": "^0.19.2",
"moment": "^2.29.1",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "~0.63.3",
"react-native-bcrypt": "^2.4.0",
"react-native-calendar-picker": "^7.0.3",
"react-native-datepicker": "^1.7.2",
"react-native-device-info": "^8.1.3",
"react-native-elements": "^3.4.1",
"react-native-gesture-handler": "~1.7.0",
"react-native-keychain": "^7.0.0",
"react-native-material-ui": "^1.30.1",
"react-native-modal": "^12.0.2",
"react-native-modal-dropdown": "^1.0.1",
"react-native-reanimated": "~1.13.0",
"react-native-safe-area-context": "^3.3.2",
"react-native-screens": "~2.10.1",
"react-native-selectmultiple-button": "^0.1.105",
"react-native-splash-screen": "^3.2.0",
"react-native-sqlite-storage": "^5.0.0",
"react-native-svg": "^12.1.1",
"react-native-unimodules": "~0.11.0",
"react-native-vector-icons": "6.6.0",
"react-native-webview": "^11.6.5",
"react-navigation": "^4.4.4",
"react-redux": "7.1.3",
"redux": "4.0.5",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0",
"rn-fetch-blob": "^0.12.0"
},
"devDependencies": {
"@babel /core": "~7.9.0",
"babel-jest": "~25.2.6",
"jest": "~25.2.6",
"metro-react-native-babel-preset": "^0.58.0",
"react-devtools": "^4.13.5",
"react-native-svg-transformer": "^0.14.3",
"react-test-renderer": "~16.13.1"
},
"jest": {
"preset": "react-native"
}

Need Help,Issue In OTP Login

atgitdeepak — Thu, 06 May 2021 08:40:19 +0000

Hello to all,
Actually, I am trying to make an OTP(One Time Password) based login page in my react-native app. But I am confused to do this with proper authentication.

Processes that I am thinking about right now::

Enter mobile number on app, hit submit button this will take the number to backend and will save in database (via Open API(a)(no protection)).
Then will use 3rd Party API(b) to create OTP which will send it to the customer, as a response from API(a).
Customer will enter the received OTP and hit the login button, this will again go back, this time I will create JWT based token and which will be sent to the customer.[API used to create token((c)(no protection))]
Now this token will be stored somewhere in the app, and will get appended to each and every request that the customer will make.

Now the confusing part,
the API (a) is open like anyone can access it, and anyone can hit the OTP API(b) via my API (a).
API (c) again is open, which means anybody can hit the API by submitting the OTP received via API (a).
Hence, can receive the token.
This way anybody can hit every API in my app.
Which is not healthy.
I am not able to come up with a better and solid approach.

How do I resolve this issue, kindly help?

DEV Community: atgitdeepak

Slow Start-Up Time

Need Help,Issue In OTP Login