Skip to main content

Posts

Showing posts from June, 2020

How to add push notifications to React Web app with Firebase

https://www.freecodecamp.org/news/how-to-add-push-notifications-to-a-web-app-with-firebase-528a702e13e1/ ReactDOM . render ( < ThemeProvider theme = { theme } > { /* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */ } < CssBaseline /> < AppContextProvider > < App /> </ AppContextProvider > </ ThemeProvider > , document . querySelector ( '#root' ) ) initializeFirebase () push-notification.ts import firebase from 'firebase' export const initializeFirebase = () => { if ( 'serviceWorker' in navigator ) { navigator . serviceWorker . register ( './firebase-messaging-sw.js' ) . then ( function ( registration ) { console . log ( 'Registration successful, scope is:' , registration . scope ) }) . catch ( function ( err ) { console . log ( 'Service worker registration failed, error:' , err ...

codegen for front end - react+graphQl

https://hasura.io/learn/graphql/typescript-react-apollo/codegen/ fix: anonymous query for codegen  - getCurrentAccount package.json: "codegen" : "graphql-codegen --config codegen.js" codegen.js module . exports = { schema : [ { 'http://localhost:4000/graphql' : { headers : { Authorization : 'Bearer ' + process . env . AUTH_TOKEN , }, }, }, ], documents : [ './src/**/*.tsx' , './src/**/*.ts' ], overwrite : true , generates : { './src/generated/graphql.tsx' : { plugins : [ 'typescript' , 'typescript-operations' , 'typescript-react-apollo' , ], config : { skipTypename : false , withHooks : true , withHOC : false , withComponent : false , }, }, './graphql.schema.json' : { plugins : [ 'introspection' ], }, }, } instal...