Graphql not loading data when page opened in new tab [closed] - reactjs

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 days ago.
Improve this question
I am using graphql api for accessing some data ie. Transaction history for some payments.
When I am opening page by tapping on button to open page it is working fine. But when I am opening the page in new tab the data is not loading. When in the new tab I am refreshing then again data is loading.
Database used - mongodb
Api - graphql
Framework - react
Please someone help, I've searched whole google but couldn't find anything.

Related

Firebase storage path to store images of a social post [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed last year.
Improve this question
I'm currently working on a social platform where users create posts similar to Facebook or Linkedin. So what I'm trying to achieve is, whenever user create a post they may upload images as part of the post and I want to store them in firebase storage but what I'm not clear is, what type of storage path I should choose from one of the below for uploading images.
Which option is right for user posts from the below?
Create unique storage path for every post of a user and upload
respective post images there
Create unique storage path for every user and upload all user posts
images there
Create a generic storage path for all users and upload all users
posts images there
I'm using Firebase storage and database for this app.
There is no singular correct or best approach here, it all depends on your app's needs and use-cases.
I typically would use a folder structure with /images/$uid/$postid, for example because it makes it easy for me to delete all images for a specific user, as well as all images for a specific post. But as you can see from that description, that calls out two specific use-cases that might or might not be relevant for your app.

sharing a post on social media through reactjs application [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I have a react based application, I want to post on social media such as Facebook, Twitter, and Instagram from the application itself without having a separate tab. From application itself it should post automatically on social media... it will be great if i can get some poc
You can use the APIs from the respective social networks. Each social platform will have its own developer APIs that are used to post from other sites. Like
Facebook - https://developers.facebook.com/docs/apis-and-sdks
Twitter - https://dev.twitter.com/overview/api/twitter-libraries
Instagram - You can't actually post anything using APIs
You can also achieve this through other methods. Refer here

How long will it take to update something on a deployed web application? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
I am very new on Deployment. So I tried to deploy my react app on Firebase. But after that, when I update it, it doesn't seem like the web page will change right away just like in the local. Do I just have to wait or do I have to config something before the update displays on the webpage? Thanks!
Once the deploy to Firebase Hosting completes, the results are also sent to the CDN nodes instantly. If your clients are not seeing the updates, it's most likely because the browser is showing cached results.
You can control the caching with cache-control headers that you can configure in your firebase.json file. Alternatively, you can disable caching for your development site in your browser, or press ctrl-F5/cmd-shift-R to force it to reload the files from the CDN/server.

progressive web app (react app) with facebook login [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 years ago.
Improve this question
i have created a react app with pwa and i integrate facebook login to manage user.
i found the problem on my android device (android ).
in the standalone app, when i click login with facebook, the app open the new embed window to sign-in with facebook account, after sign-in success, i got back to my website but still in the embed window.
i need to close this window, and re-direct to my pwa app instead.
is there any solution to fix this problem?
You should definitely go for the cross-platform technology. ionic framework is a great way to start hybrid app development. Cordova provides a large number of plugins, working across platforms and has many active repos in gitHub. And since it only requires you to have knowledge of basically three web technologies.(html,css,angularjs). and is the best framework for developing SPA.
SO start of with IONIC FRAMEWORK.

Can we use angularjs for job portals? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
For job portals, do we make SEO? If we use angularjs for jobportal site, will it make any issues on SEO?
Kindly help me to get an idea on this. Thanks in advance
you can use angular for sure where ever you like its a JavaScript framework for applications. Now about SEO, earlier when angular came out there was not much stuff on SEO but If you do proper research (Google it) you will find tons of good articles about how to make your APP SEO friendly.
Since May 2014 Google crawlers now executes JavaScript - you can use the Google Webmaster Tools to better understand how your sites are rendered by Google.
you could use PushState which changes the URL in the top browser bar without reloading the page. Say you have a page containing tabs. The tabs hide and show content, and the content is inserted dynamically, either using AJAX or by simply setting display:none and display:block to hide and show the correct tab content.
When the tabs are clicked, use pushState to update the url in the address bar. When the page is rendered, use the value in the address bar to determine which tab to show. Angular routing will do this for you automatically.
Don't use HashBangs #!
Hashbang urls were an ugly stopgap requiring the developer to provide a pre-rendered version of the site at a special location. They still work, but you don't need to use them.
Hashbang URLs look like this:
domain.com/#!path/to/resource
This would be paired with a metatag like this:
<meta name="fragment" content="!">
Google will not index them in this form, but will instead pull a static version of the site from the _escaped_fragments_ URL and index that.
Pushstate URLs look like any ordinary URL:
domain.com/path/to/resource
This question is already answered in detail by #superluminary If you click the following link you will find the original post and more useful stuff.
How do search engines deal with AngularJS applications?

Resources