Using Google's One Tap Sign-In for Web with React (using hooks)

Check out this live code tutorial where I set up Google's passwordless sign-in using One Tap Sign in For Web.

Video Overview:

0:29 - A demo of the sign-in prompt
1:00 - Setting up initial React app
3:33 - Adding in the Google Sign in Library
7:30 - Creating a new Google Client ID
12:45 - Showing the prompt
14:15 - Dont click the X! This is what happens if you click the X.
17:14 - How to find out why your prompt isn't showing
20:29 - Exponential Cool Down mode
21:05 - Getting the users info after sign in
29:06 - How to kinda sign out?
33:50 - Limitations of the library

This video follows my tutorial on how to integrate the One Tap Sign In Library with a react app - available here if you want to follow by text.
https://www.intricatecloud.io/2020/12...

I've pushed this sample code to github available on intricatecloud/google-one-tap-web-demo. Instructions to run the demo in the README.

If you need to create a new Client ID in the Google Developer API Console - follow the link at the top of this page - https://developers.google.com/identit...

Thanks for watching y'all! Leave me a comment on what else I should cover on my channel.

Lucid Dreaming by | e s c p | https://escp-music.bandcamp.com
Music promoted by https://www.free-stock-music.com
Attribution 4.0 International (CC BY 4.0)
https://creativecommons.org/licenses/...

• #science_technology
• #react_tutorial
• #react_authentication
• #google_sign_in
• #google_sign_in
• #google_sign_in_for_websites
• #live_coding_javascript
• #livecoding
• #live_coding_react
• #react_app
• #reactjs_tutorial
• #google_one_tap_sign_in
• #google_one_tap_sign_in_example
• #one_tap_sign_up_google
• #login_with_google_account_using_javascript
• #login_with_google_account_using_react
• #login_with_google_account
• #live_coding
• #live_coding_react_js
• #react_js_live_coding
• #passwordless_login