https://github.com/bradeac/usegapi

React Hook for using Gapi (Google's SignIn Javascript authentication client)
https://github.com/bradeac/usegapi

gapi gapi-client hooks-api-react react react-hooks reactjs

Last synced: 8 months ago
JSON representation

React Hook for using Gapi (Google's SignIn Javascript authentication client)

• Host: GitHub
• URL: https://github.com/bradeac/usegapi
• Owner: bradeac
• Created: 2019-07-01T19:03:37.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T02:48:28.000Z (about 3 years ago)
• Last Synced: 2025-05-06T07:07:29.689Z (9 months ago)
• Topics: gapi, gapi-client, hooks-api-react, react, react-hooks, reactjs
• Language: JavaScript
• Size: 2.13 MB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 45
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# usegapi

> React Hook for using Gapi (Google's SignIn Javascript authentication client)

[![NPM](https://img.shields.io/npm/v/usegapi.svg)](https://www.npmjs.com/package/usegapi) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash

npm install --save usegapi

```

## Prerequisites

- Add a `REACT_APP_GOOGLE_CLIENT_ID` environment variable to your .env file,

containing your Google client ID.  

- Choose the OAuth scope(s) for the Google API that you will want to access.  

This scope will be passed to the hook as a parameter.

If you don't have a Google client ID, go to https://console.developers.google.com  

List of scopes: https://developers.google.com/identity/protocols/googlescopes  

## Usage

```jsx

import React from 'react'

import useGapi from 'usegapi'

const Login = () => {

    // using the readonly youtube scope for this example

    // response will either contain the user data or an error object

    const response = useGapi('https://www.googleapis.com/auth/youtube.readonly')

    return (

        <>

            // mandatory div. use this exact same id !!!

            


        >

    )

}

```


## License

MIT © [bradeac](https://github.com/bradeac)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).