| import { cleanupOutdatedCaches, precacheAndRoute } from 'workbox-precaching' | |
| import { registerRoute } from 'workbox-routing' | |
| import { NetworkFirst } from 'workbox-strategies' | |
| declare const self: ServiceWorkerGlobalScope | |
| cleanupOutdatedCaches() | |
| precacheAndRoute(self.__WB_MANIFEST) |
| import { VitePWA } from 'vite-plugin-pwa' | |
| // Run command `npx pwa-asset-generator public/todo-image.png public` to generate assets automatically | |
| VitePWA({ | |
| // Allows to service worker auto updates | |
| registerType: 'autoUpdate', | |
| // Allows run service worker in dev mode | |
| devOptions: { | |
| enabled: true, |
| import { FC, ReactNode } from 'react' | |
| type Variant = 'title' | 'overline' | 'paragraph' | 'button' | |
| interface Props { | |
| children: ReactNode | |
| color?: keyof typeof colors | |
| tag: keyof JSX.IntrinsicElements | |
| variant: Variant | |
| } |
For loading ReactJS through CDN we'll need to include these scripts in our html head
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>