by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 05 14:59
    vassilux opened #191
  • Aug 05 04:40

    dependabot[bot] on npm_and_yarn

    (compare)

  • Aug 05 04:40

    tirthbodawala on master

    Bump elliptic from 6.5.2 to 6.5… Merge pull request #190 from At… (compare)

  • Aug 05 04:40
    tirthbodawala closed #190
  • Jul 29 21:38
    dependabot[bot] labeled #190
  • Jul 29 21:38
    dependabot[bot] opened #190
  • Jul 29 21:38

    dependabot[bot] on npm_and_yarn

    Bump elliptic from 6.5.2 to 6.5… (compare)

  • Jul 28 14:43
    vassilux commented #189
  • Jul 28 14:41
    vassilux commented #187
  • Jul 20 05:49
    tirthbodawala commented #189
  • Jul 17 16:28
    Sbrunelli433 opened #189
  • Jul 15 22:30
    dependabot[bot] labeled #188
  • Jul 15 22:30
    dependabot[bot] opened #188
  • Jul 15 22:30

    dependabot[bot] on npm_and_yarn

    Bump lodash from 4.17.15 to 4.1… (compare)

  • Jul 05 16:56
    michalko commented #187
  • Jun 30 06:18
    desaikalpesh34 opened #187
  • Jun 06 05:55
    tirthbodawala commented #186
  • Jun 06 05:46
    tirthbodawala commented #181
  • Jun 05 17:22
    adamcanray commented #181
  • Jun 05 17:22
    adamcanray commented #181
Yash Thakur
@yash-thakur
@tentwentyniel you need to scrap it using facebook sharing debugger and it will update when you share the page
Josh Williams
@jackjwilliams
I need some clarification on something (I haven't been able to find this explicitly stated in the docs): Does ReactPWA force you to use Node / Express for your entire backend? Or is it just for hosting the UI for SSR? My backend data api is written in c#
Tirth Bodawala
@tirthbodawala
@jackjwilliams, if you need SSR, then you must use NodeJS with Exrpress
It runs a express server with nodejs to ensure SSR.
Josh Williams
@jackjwilliams
Is that just for SSR? Lets say I do want SSR, so I use Express just to render those pages for me. Do I also have to have all my data endpoints in express (GET, PUT, POST, DELETE, etc..), or can I use whatever backend I want?
Tirth Bodawala
@tirthbodawala
With ReactPWA framework, you do not need to use Express JS framework yourself, it is there in the background.
You just need nodejs to execute it while deploying or developing it.,
And NO, you can host your API else where and use libraries like, cross-fetch to get SSR data.
Josh Williams
@jackjwilliams
Interesting
tentwentyniel
@tentwentyniel
@tirthbodawala is there a way to pass htmlProps from server to routes? I'd like to push a script on page load
Tirth Bodawala
@tirthbodawala
Well you can do that in server.tsx/server.jsx
What kind of script are we talking here?
tentwentyniel
@tentwentyniel
I am planning to push <script type="application/ld+json"> for google structured data markup
Tirth Bodawala
@tirthbodawala
Will it be common for all pages?
tentwentyniel
@tentwentyniel
On each page, there will be different json schema
So on routes, I am calling all the page details and planning to head.push() the script
Tirth Bodawala
@tirthbodawala
Then depending on routes, can you not simplye add it to JSX components?
<script type="application/ld+json"> can be pushed inside body as well.
tentwentyniel
@tentwentyniel
But it has to be on the server side
Tirth Bodawala
@tirthbodawala
ReactPWA is SSRed
tentwentyniel
@tentwentyniel
I meant it has to be on beforeHtmlRender
Tirth Bodawala
@tirthbodawala
Ok, have a look at the url https://m.peddler.com/nl/store/qnoop/
If you use the same url in google structured data testing tool
tentwentyniel
@tentwentyniel
Wait let me see
Tirth Bodawala
@tirthbodawala
image.png
tentwentyniel
@tentwentyniel
https://search.google.com/structured-data/testing-tool/u/0/#url=https%3A%2F%2Fm.peddler.com%2Fnl%2Fproduct%2Fhockney-warm-orange-7drAgpGX4%2F
Are you pushing the script on component mount?
on useEffect?
Tirth Bodawala
@tirthbodawala
No. Let me share the snippet
https://m.peddler.com/nl/store/qnoop/
image.png
I am just using it as below in the component that is rendered.
tentwentyniel
@tentwentyniel
Oh so it's on the component itself
Tirth Bodawala
@tirthbodawala
Yes. Does that make sense?
tentwentyniel
@tentwentyniel
Yeah it does. Let me try that approach. So it will not be on server.js. It will be on component: () => import("../modules/list-view"), this component for example. Yeah?
Tirth Bodawala
@tirthbodawala
yes in list-view if you want it to be.
tentwentyniel
@tentwentyniel
ok cool let me try. Thank you!
Tirth Bodawala
@tirthbodawala
:+1:
tentwentyniel
@tentwentyniel
@tirthbodawala it's not working for me. Do I need to update pawjs version?
Josh Williams
@jackjwilliams
I'm a little confused about iOS support for PWAs (in general - not specific to ReactPWA). I've seen people say it "can" work, I've seen people say iOS doesn't support them yet. What is the actual deal?
Tirth Bodawala
@tirthbodawala
@jackjwilliams well IOS has limited support for PWAs, like offline mode does not work, push notifications does not work etc.
auto request for 'Add to homescreen' is still missing, like it is available in android, you have to ask user to manually add to home screen.
jorgelopezowd
@jorgelopezowd
Hi @tirthbodawala I have some problems with SSR, loading css, how I can fix it, this is my dev site https://app-qa.skf-la.com/, thanks for your help! I use as example material ui, so I need fix this problem with others projects
Tirth Bodawala
@tirthbodawala
in .env file set asyncCSS to false
jorgelopezowd
@jorgelopezowd
@tirthbodawala ok let me try
jorgelopezowd
@jorgelopezowd
@tirthbodawala my solution, migrate to nextjs
Tirth Bodawala
@tirthbodawala
@jorgelopezowd ohh.. what happened?
jorgelopezowd
@jorgelopezowd
@tirthbodawala this project have lot of bugs for SSR, I just need it working, and SEO tags is really limited, was a good Idea, but its not working for me
Tirth Bodawala
@tirthbodawala
Understood. Thanks for trying it out.
I would like to know more about your requirement though. @jorgelopezowd about what we are missing.