React native app go to blank page after published - reactjs

I published an app in the app store, the app was made in react native.
Everything in the app works fine except for a page, when i click to a button to navigate to other page using react navigation i can see the page for 0.5 seconds then i get a blank page.
The app is published in the app store and this happens when i use the real app download from the store, when i use the local app with expo this doesn’t happen and i have no error
enter image description here
This is a screen of the blank page
Apologies if my english is bad hope someone can solve this, happy to answer to questions.

In this case -
the First check is all dynamic value set states are correct.
check the paths of all import libraries and components.
Check library one by one is supported or not
Check UI by commenting one by one.
Check all the functions where the value is setting state properly or not

Related

React App copy-paste/manually typing link shows page without fetching data

Suppose I have an e-commerce site, where i want to share product links on social media/send someone via messages. The issue on my app is when I share the link of product page it's not working on new browser where my app not loaded before.
I have checked on redux tools, it shows nothing loaded on it when manually typing the link to product page. After that if I visit homepage and refresh the page then everything gets loaded then everything works fine.
I have tried hash routing, it doesn't work either.
I think there is something wrong with my redux setup. Because static pages are working fine only issue when i share pages that loads data from server.
I'm stuck here. Can anyone help me out please

Running a reactjs front end and i notice that the reload icon get activated -- does that mean it is not a SPA?

I was under the impression that for single page applications the reload did not occur. Can one determine from looking at the code and/or behavior whether an app is a SPA? For example the code uses (I think) a router -- does that imply that a reactjs app is a SPA?
In non SPA when you click on a link it load new page which in chrome is shown by spinning circle on tab where title is written. In spa this happens only once when you visit website after that it doesn't show spinnig circle on url change as you navigate website.
Look at reddit website for spa and stack overflow website for non spa.

How to get React app to render, right now it loads but doesn't render

I'm working on a react application, that works perfectly until it's built for deployment.
My repo is here:
https://github.com/aiglinski/qr_app.git
I've tried for the better part of two days. I would post code, but at this point I'm so lost I wouldn't even know where to start.
The app does load. If you open the console all of the elements show, and I can manually enter different paths and those load, but nothing shows beyond a blank screen.
Thanks.

Force SPA Add to home screen popup to display even after adding to home

I am developing a PWA using react JS
There is a requirement that we need to display the add to Home screen even after the App has been added to the Home screen for the first time
Can any body suggest if this is possible and how?
INFO: Mostly this app will be run on Google Chrome and Safari
Refer to this answer. You simply can't do that, unless you want to do it in specific development/test machines where you can set the below chrome flag,
chrome://flags/#bypass-app-banner-engagement-checks
You can't expect all your end users to set this flag, so this can't be a solution for all the real users.
I also don't see why you would have to show the banner even after adding to home screen, for any other use case. Browsers don't allow this for obvious reasons. It will be annoying the user, if the prompting is left to developers. Linked answer have more clarification on the same.

Ionic content shows up only after clicking on SideMenu

I have an ionic App which was working fine but now It is showing little weird behaviour, When I run the app it does not show the data at first but when I click on side menu once or twice then it loads and shows the data. I have an nodejs api from which the data comes to my app and the same api has been put in aws api gateway, I noticed this behaviour since I implemented aws sdk for binding data in my APP.
What can be the root cause for the same?
I can share the code but I am not sure where the issue is whether in controllers or views?
I solved it using Ionic Loader as the reponse was taking long time. My side menu was not getting initialized with the same time as other views hence views were not rendering without sidemenu being rendered, The idea is to show a loader on every response and hide it when it's a success, so it will render the views successfully.
Hope it helps.

Resources