solve me a problem which is it about
I have a project which is it a register page and home page the home page is empty and these are connected with firebase
I have an app with multiple features I want it to work in the home page and be able to connected with firebase
Related
I am pretty new to React and front end world.So ignore mistakes.
So i am using auth0 for authentication in my react app. Login button is a component which redirecta to auth0 authentication button and upon login user can go to /profile component. Using react router for going to profile component.
All this works perfectly in localhost.
But the moment i deployed on s3 and cloudfront. it shows profile key not found so based on various solution (https://stackoverflow.com/a/58978355/13126651)on stack now add i can see my go to profile component however the page is entirely blank nothing is being render on profile component.
UPDATE :- the error is definitely related to cloudfront, because if i directly access my s3 bucket website endpoint,it renders everything works.
I solved it by add error response 403 404 for cloud front.
I'm using ReactJS for my next project and am using JWT and storing it in LocalStorage for persistent login. The issue occurs whenever I refresh my website, the navbar flickers between auth links and guest links. Can anyone help with the flickering/flashing between states while using persistent login?
I want to create a mobile app in react native with firebase backend. Data should be added from admin panel(in react) and only authenticated users will see that data.how i can achieve that.
Note : - both react native and react app should use same firebase project
Yes it is possible you need to use Firebase auth, Firestore, and any other components you want like media just make sure to make all components public false so anyone can not edit anything.
Then config React-Native and React-Js firebase with the same project.
after that anything you'll from react-js and it'll be shown in React-Native mobile project.
I developed a react based application and the router is working fine but when i am doing refresh the route which is not rendering same page which goes to error page or login page.
Tried with React router
I have multiple apps running in the same domain in Azure.
I added react project last week.
We have back office app separately running built using asp.net MVC.
we have react project now. When I load the react in the browser it works correctly.
let's say xxx.azurewesites.net/ will load react by default and xx.azurewebsites.net/backoffice/login.axpx will load another app.
If I type the URL to access the back office app the problem comes in, now react scripts in the browser cache picks up the URL and try to match with react router and loads no route match page. I'm unable to load the back-office app anymore if I hard reload the page it loads the BO App now. how can we handle this problem I want to access the BO App even the react is loaded in the browser. How to prevent the react from getting the URL. I want to skip react router and send the request to the server so that server will send the BO App page.