Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Oct 23 16:29
    amarshahaji commented #196
  • Oct 23 16:13
    akunal1 commented #196
  • Oct 22 14:52
    amarshahaji commented #196
  • Oct 22 14:52
    amarshahaji commented #196
  • Oct 22 14:49
    amarshahaji commented #196
  • Oct 22 14:49
    amarshahaji commented #196
  • Oct 22 14:48
    amarshahaji commented #196
  • Oct 22 14:48
    amarshahaji commented #196
  • Oct 19 10:00
    tirthbodawala commented #196
  • Oct 18 15:17
    akunal1 commented #196
  • Oct 18 14:49
    p32929 commented #196
  • Oct 14 12:41
    akunal1 edited #196
  • Oct 14 12:40
    akunal1 opened #196
  • Sep 21 09:30
    naga-RajanR commented #195
  • Sep 21 09:11
    tirthbodawala commented #195
  • Sep 21 08:54
    naga-RajanR commented #195
  • Sep 21 07:11
    tirthbodawala closed #172
  • Sep 21 07:10
    tirthbodawala closed #186
  • Sep 21 07:10
    tirthbodawala commented #186
  • Sep 21 07:09
    tirthbodawala closed #189
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.
ChrstphrSands
@ChrstphrSands
Hi, do you know why some tailwind styles don't apply properly to Material components?
Tirth Bodawala
@tirthbodawala
You want to apply tailwind styles to Material Components?
@ChrstphrSands
ChrstphrSands
@ChrstphrSands
image.png
Example mt-8 or mt-4
Tirth Bodawala
@tirthbodawala
Maybe the styles are being overridden, can you check the styles in developer tools?
ChrstphrSands
@ChrstphrSands
yes
image.png
Tirth Bodawala
@tirthbodawala
Correct, so basically styles from tailwind are overridden by Material styles.
ChrstphrSands
@ChrstphrSands
how can i fix that?
Tirth Bodawala
@tirthbodawala
Now, as far I know, the styles of tailwind are at load of application, while material styles are CSS-IN-JS and would be applied as per component load, and thus would always super seed tailwind styles.
I would say create customs styles and and apply that custom styles with !important
@ChrstphrSands does that work?
ChrstphrSands
@ChrstphrSands
image.png
is that my file client.js
Tirth Bodawala
@tirthbodawala
Ok.
@ChrstphrSands you will need to test how the css of material is injected in development and production mode.
That will make you move closure to a solution.
ChrstphrSands
@ChrstphrSands
gif.gif
it's working that way
sorry, my english is not that good
Tirth Bodawala
@tirthbodawala
Ok. But also test it with production mode, i.e. npm run build && node dist/server.js
No worries about the English :)
ChrstphrSands
@ChrstphrSands
gif2.gif
it still works the same way.
Tirth Bodawala
@tirthbodawala
Ok, so you happy with that?
ChrstphrSands
@ChrstphrSands
I made some changes and tests and I was able to get it working now.
Thanks
Guillaume Gautier
@xeewi
Hello, I hope yall good.
Im just started to try your project, seem really cool. I was looking at the doc and its speak about a pawconfig.json file, and I've none of it. But I fond the .env file. So there is no more json file and its now use the env file ? No need to add a json file ? Thx
Guillaume Gautier
@xeewi
lol i just find my answer on the blog, thanks, i think ? lol
Aleksandar Čakalić
@9cuso6_twitter

Hello everyone!
I am trying to set up PWA for the first time using the workbox.

However, I am experiencing some issues and will be really thankful if someone has an answer :)

This is my service worker file, caching is working and it's all good except the BroadcastUpdatePlugin, which doesn't broadcast anything (or I am missing something)

import { precacheAndRoute, createHandlerBoundToURL } from 'workbox-precaching';
import { NavigationRoute, registerRoute, setCatchHandler } from 'workbox-routing';
import { StaleWhileRevalidate } from 'workbox-strategies';
import { BroadcastUpdatePlugin } from 'workbox-broadcast-update';

console.log('Service worker here!');

precacheAndRoute(self.__WB_MANIFEST);

const handler = createHandlerBoundToURL('/index.html');
const navigationRoute = new NavigationRoute(handler);

registerRoute(
  navigationRoute,
  new StaleWhileRevalidate({
    plugins: [
      new BroadcastUpdatePlugin()
    ],
  })
);

I am installing the service worker in my App.js by calling this function in the componentDidMount:

  serviceWorkerListener = () => {
    if ('serviceWorker' in navigator) {
      const wb = new Workbox(`${window.location.origin}/sw.js`);

      wb.addEventListener('installed', event => {
        console.log(event);
        if (event.isUpdate) {
          console.log(event.isUpdate);
        }
      });

      wb.addEventListener('message', event => {
        console.log('message: ', event);
      });

      wb.register();
    }
  }

The installed listener is registering when something from the cache was updated on the server, however, the message listener doesn't receive anything. The workbox docs don't help at all, neither I can find something more detailed on the BroadcastUpdatePlugin on the web.

Omoniyi Omotoso
@omoniyiomotoso_gitlab
@tirthbodawala @everyone I'm trying to migrate my existing create react app to a framework that allows for SSR. Basically I have some pages that need some data from an API even before the page is loaded at all. Specifically, I want the seo page title, description and image to be loaded from an API endpoint before the page loads. Nextjs offers this exact feature. But I will like to use PawJS instead because of the extra feature and simplicity that I read comes with it. Is this possible with PawJS and how? Kindly point me to existing resources for this specific use case
Tirth Bodawala
@tirthbodawala
Hi @omoniyiomotoso_gitlab we do not have a migration guide from create-react-app, but I can assist you in migrating your existing system, if it is SSR compatible.
@xeewi Apologies for late response, Can I assist you with anything else?
Omoniyi Omotoso
@omoniyiomotoso_gitlab
@tirthbodawala thanks. I have seen the possibility of what I said above using the loadData() and updateSeo() functions, the official Doc here https://www.reactpwa.com/docs/en/index.html does not explain these. Are there other documentation one can make reference to incase?