react-learning-course-short VS how-to-send-push-notifications-with-firebase-and-react

The course is open-source, it's posted on [GitHub](https://github.com/Drag13/react-learning-course-short), and here is the example of the [presentation](https://drag13.io/react-learning-course-short/react-intro/#/1). Every day updates posted on my [twitter](https://twitter.com/drag137)

import React, { useEffect } from 'react' import Box from '@mui/material/Box' import Button from '@mui/material/Button' import LinearProgress from '@mui/material/LinearProgress' import useFirebaseMessaging from '@useweb/use-firebase-messaging' import CopyToClipboard from '../../lib/components/CopyToClipboard/CopyToClipboard' import Text from '../../lib/components/Text/Text' import Header from '../../lib/components/_unique/Header/Header' import useSnackbar from '../../lib/components/Snackbar/Snackbar' export default function HomePage() { const snackbar = useSnackbar() const firebaseMessaging = useFirebaseMessaging({ onMessage: (message) => { console.log(`Received foreground message`, message) snackbar.show({ message: message?.notification?.title || message?.data?.title, }) }, }) useEffect(() => { firebaseMessaging.init() }, []) return ( {firebaseMessaging.initializing && ( <> )} {firebaseMessaging.error && ( )} {firebaseMessaging.fcmRegistrationToken && ( <> Copy )} ) }