-
how-to-send-push-notifications-with-firebase-and-react
Send Push notifications with Firebase and React
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
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 )} ) }
npx degit https://github.com/jeremytenjo/starter-demo.git firebase-messaging-with-react && cd firebase-messaging-with-react && npm i && npm run dev