Simple React.js User Login Authentication | Auth0

👉 Become A VS Code SuperHero Today: https://vsCodeHero.com
🤖 Get FREE AI-powered code completions from Kite: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only

Sign up now for the Auth0 Hackathon!! https://a0.to/hack-cs
August 7 - 9, 2020

In this video, we will add a basic user login with authentication to a React.js app using Auth0. Auth0 is the easiest way for developers to add authentication and build secure applications.

Auth0 makes it easy to add authentication to React with their npm package auth0-react, which uses React context and hooks.

Let me know if you would like to learn more about Auth0.

💻 Code: https://github.com/codeSTACKr/react-auth0

Time Stamps:
00:00 Intro
00:13 Sponsor (Auth0)
00:55 create-react-app / cleanup
02:17 Create Auth0 Application
03:48 Environmental Variables
04:36 Install auth0-react
04:58 index.js
06:45 LoginButton Component
09:34 LogoutButton Component
11:21 Profile Component
14:35 Render Components Based on Auth.
18:05 Show Loading...
_____________________________________

💻 Visit CodingPhase and get unlimited access to programming courses plus 20% 0FF!!
https://www.codingphase.com/codestackr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #React #Authentication

Видео Simple React.js User Login Authentication | Auth0 канала codeSTACKr