Is it possible to create a ReactDom in Frontity

vishaldharwadkar72 · 23 May 2022 05:22

import serviceWorkerfrom ‘./serviceWorker’;

const baseUrl = document.getElementsByTagName(‘base’)[0].getAttribute(‘href’);
const rootElement = document.getElementById(‘root’);

ReactDOM.render(
BrowserRouter basename={baseUrl}>
App />
/BrowserRouter>,
rootElement);

serviceWorker();

The above code i need it converted to Frontity, is it possible ?

orballo · 24 May 2022 11:56

@vishaldharwadkar72 I think you cannot define another root point to render the Frontity app, but you can render those components in the root of any Frontity package.

Regarding the service worker, you should be able to do something like this:

github.com

orballo/words-frontend/blob/master/packages/words-theme/src/components/sw.tsx

import React from "react";

const RegisterSW: React.FC = () => {
  React.useEffect(() => {
    if ("serviceWorker" in navigator) {
      navigator.serviceWorker.register("/sw.js").then(
        function (registration) {
          console.log(
            "ServiceWorker registration successful with scope: ",
            registration.scope
          );
        },
        function (err) {
          console.log("ServiceWorker registration failed: ", err);
        }
      );
    }

    window.addEventListener("beforeinstallprompt", (e) => e.preventDefault());
  }, []);

This file has been truncated. show original

And use the last version of @frontity/core to create a server middleware that serves the sw.js file.

vishaldharwadkar72 · 9 June 2022 04:53

Got it
Thanks for letting me know