👉 Sign up for my newsletter to stay up-to-date on my new course: codestackr.com

@mohamedsamsudeen7372

8 ай бұрын

hi

Really well done. I'm following this tutorial nearly two years later, and I'm integrating Auth0 into an existing React application, and it went smoothly from start to finish. We all know how rare that is, even with more recent clips from mainstream channels.

@AyanKhan-dc3eu

2 жыл бұрын

please help me out my react app on desktop is working fine but on android browser its a blank white screen after using auth0

I'm biased but this video was great!! Auth0 makes auth in React so easy :)

Stackr this was awesome. I think you just saved me years of my life not having to write all that authentication!!! You continue to impress with your code and delivery. So many people making these videos don't have (or don't know how to use) plugins and autocomplete and up to date syntax and it makes watching their videos frustrating (due to it taking so long to do simple things) but your code and syntax is up to date and on point. So not only do I learn the topic but pick up a few tips and tricks as well!! Awesome job man!!

@codeSTACKr

4 жыл бұрын

Thank you! I appreciate that!

@kevdevgame8763

2 жыл бұрын

@@codeSTACKr hi , thanks for thr content and I want to know if it's totally free

you, mate, saved my freelance carreer.

@Eeezus1914

3 жыл бұрын

mine as well

@faizibnfarhan

3 жыл бұрын

hey can you help me to get freelance react and next js projects ?

@albert21994

3 жыл бұрын

@@faizibnfarhan ​ @Muhammad Faiz Khan React/next alone isn't gonna cut it. Networking is my most successful way of getting gigs; I even get messaged on LinkedIn if your CV is promising. - You need to sell solutions, not your skill set. A client doesn't care about what React/NextJS is; he cares about how you develop his vision, which is mostly a fancy/minimal website experience. Skilled Frontend Dev's are in demand. Several KZread channels are even advertising for positions. I imagine most clients feel more comfortable, with the following: - Excellent English because a client needs to feel comfortable with you communicating in a way that avoids misunderstandings. - Computer Science Degree (finished, enrolled, or similar): Despite everything you hear on YT or read online on course websites, most clients don't wanna work with beginners. They think of a degree as something as a "proof of competence." It helped me a lot with more conservative, higher-paying jobs. - Portfolio / Open-Source Contributions: As said, showing you are not a beginner, like the other guys on Fiverr or similar, by showing off how competent you are in a Portfolio assures a client can know what he's getting from you. Most of them don't bother with the portfolio, but it's a way of taking confidence in your work. - People notice that. Open Source Contributions can build your portfolio significantly. Even more, if they're on big projects. Also, they are a good way of networking. tl;dr show off your work and use your soft skills. Networking lands most jobs.

@permender4111

3 жыл бұрын

@@albert21994 thanks....above information is really helpful.....

Great video thank you so much. This react auth is a turn on and is helping me want to learn more (again) about react for building something with a login. You rock bud.

so what is related to JWT ? or its the same we can use jwt or auth0

This is an amazing video! How do you retrieve the form contents if the user decides to login by manually creating an account? I'd love to see more Auth0 videos from you.

Love this video!!! Thank you for making it easy to understand!!

what if I want to use my own login screen and then redirect to authentication? without entering the credentials in Auth0 login screen?

Liked the video, subscribed, want to learn more about authentication! Thanks man!

great job - with so many of these types of vids out there, yours stands out

@codeSTACKr

3 жыл бұрын

Thank you!

File me under biased too, but that was so clear and easy to follow. Thanks ❤

Yes yes, more auth videos pleaseeeeeeee... This was really great,

Just wrap your code in you don't need extra packages for formatting the JSON 😁

@Rashmieditz

3 жыл бұрын

hey, thanks buddy for tip

@danieltkach2330

3 жыл бұрын

Awesome.

I have had issues with auth for a while and this tutorial has made it simple to add it to my future react apps. Thanks for this!

@AyanKhan-dc3eu

2 жыл бұрын

please help me out my react app on desktop is working fine but on android browser its a blank white screen after using auth0

Can u please post more about auth0 , this short tutotrial was amazing

Yes, more about authentication. Thanks.

Brilliant content! No need to speed up the video... you go at a great speed by default.

Random question, but what VSCode theme are you using? Really dig the colors!

This video is really great. Easy to understand. I will definitely build up a sample application using Auth0.

@codeSTACKr

3 жыл бұрын

Glad you enjoyed it!

Great tutorial and OAuth is a great technology. One note of caution - your API keys can be viewed by anyone, (even in the .Env file) using the browser tools if you put your site live, which is a security no no. In production the keys would be hidden on the back end and served up to the front end via an API. You can also look into hiding your API keys in React to find solutions, most of which will involve making a simple back end to store and serve the keys.

I just bumped into this tutorial and it was awesome! To be honest, it’s clearer than auth0 docs. Thanks for sharing

application is starting well ,but after log in it is not loading the next respective page ,please help

my react app on desktop is working fine but on android browser its a blank white screen after using auth0. please help me out

Thank you... You're content is my favourite!!! Youre giving us the best stuff right now!!! Thank you again!

@codeSTACKr

4 жыл бұрын

Wow, thank you!

@khandoor7228

4 жыл бұрын

@@codeSTACKr Agreed you are doing a super job right now!!!

@8:50. anyone else get stuck here? it keeps telling me my credentials to login are invalid even though I am using them to login on a different tab in the same browser

Hey mate , in console after clicking login button it shows,Loginwithredirect is not a function

Is there anymore use cases for things such as Auth0 like chat rooms and such? Or permissions and admin panel access? I’m just curious as to how to deploy such things.

Very easy explanation and best video out there. Thank you man.🙌

@codeSTACKr

2 жыл бұрын

Glad it helped!

Thank you so much for making such a straightforward video! One issue though, when I click the login button and I am taken to the Auth0 login page, I get an alert saying that I am using Auth0 development keys. How should I fix this issue?

Thanks ! By far the best , clear and easy tut . Quick question (generic) . When I deploy my app say on firebase , Can I still use .env file contents ? Will that still work ? Or should I be making any changes ?

what if i want to use context js and wrap my app around AppProvider as well as auth0 ??

hello sir why my domain and clientId is undefined after using the .env file

@aniketkulkarni7747

3 жыл бұрын

You need to restart server after every change in .env file. So if your server was running and u created .env file after that just npm start again

Hey I'm running into a problem when I click the log in button it can't reach the authentication page. What could be the problem. It says it's undefined in the url bar

Super clear, super good audio. I love you

@codeSTACKr

3 жыл бұрын

Yay, thank you!

I love it, but i have a question, is possible to edit the login screen of auth0?

If user signup in react application then how to make automatic login in wordpress account using sso please guide

Hi! Just wanted to know if do you have some resource or to utilize email address whitelist? Thank you very much.

Hi did you create a vids for Auth0 where you set up tenent settings, to allow someone to login using a HTMLRequest. To get that working you need to set up Default Audience and Default Directory. Auth0 documentaion seem very shy in explaining what they are. Thanks

Easy and integrated in electron thanks buddy !

Best, concise video on the topic. Subbed 👍

@codeSTACKr

3 жыл бұрын

Awesome, thank you!

Great video! but i got a question, how can I handle multiple type of users? I mean, like an admin and so on...

How easy it was ! Thank you very much ❤️.

@codeSTACKr

3 жыл бұрын

You're welcome 😊

How can you accomplish the same with a local DB using an API?

does it still work if i don't buy the full version ?

can i somehow manage user roles (or other custom user attributes) in the registration itself? also, besides the obvious user object, can i store roles and other custom attributes in the local storage under the same user object? i'm trying to play with it and the code gets messy

Great tutorial! A video about protected routes using react-router would be nice

@codeSTACKr

4 жыл бұрын

Great suggestion!

@klaasp1976

2 жыл бұрын

+1

Is it possible to use Auth0 to manage additional user info? For example, I'd like to offer a service through a monthly subscription through a web app. I could check whether or not the user has an active license by putting a "licenseExpirationTimestamp" or something like that alongside the user's info. Would you recommend using something else, maybe Firebase or MongoDB Atlas (or MongoDB self-hosted) or is it possible to do this with Auth0? I've looked into it, but since I'm new to React + Express Node.js I'm not really sure about what the optimal solution for my problem would be. Thanks!

Hello sir I have an error in reactJs login authentication. How can I do

Nice tutorial! A video about login with github using OAuth would be nice

Hi ....I have performed all the steps, on click of login button it is not routed to page , it is showing "This site can't be reached"

Thanks for this, appreciate it!

Hey, Thanks for this video, this helped me a lot! I'm forever grateful!

@codeSTACKr

3 жыл бұрын

Glad it helped!

amazing solution! my new goto for react auth components

@codeSTACKr

3 жыл бұрын

Great!

How do you set this up if you only want 1 user to be able to log in. For example if u want to access some hidden features of ur home page for maintenance etc... when I use the 0auth module it seems anyone can log in or register.

Brilliant, so simple and well explained.

Signin with Google causing 400 error it redirects to /authorize, but it works with user\password

Great video. Super helpful

I have a doubt, I didn't understand what you at 16:20. Can you please explain

Great Tuto ! thanks

Thanks for this video very simple to follow and packed with useful info

thank you soo...... much, it helped in my reactjs app, the code was literally so little

well crystal clear explanation, I have subscribed. If you can follow this with a use case example, that would be great. Thank you

there you have it.. explained very well.. it seems to me that its like offloading your users data to a third party in exchange of flexibility the question is as a developer do you want that?

@codeSTACKr

3 жыл бұрын

I sure do :)

Is this implicit grant?

Great one, I love it

Thanks for your video sir 🤗 can you explain how to implement microsoft authentication

I tried using this in my already existing project. But when I clicked the newly created login button, nothing is happening. Somebody please help

How can I tell Auth0 to redirect to a another page instead of the home page?

Can we customize Auth0's login and signup modal?

Hi, this video is really helpful. Although, i am getting the same error as many others while hitting the Log In button, If anyone got any solution to it, kindly share. Thankyou. :)

my authorize page is not coming its givig error VM83:6770 crbug/1173575, non-JS module files deprecated. help

Hi Stackr Awesome tutorial as usual. I have a question regarding the process.env usage. I don't see that you are using dotenv package nor require('dotenv').config() call to get all env variables. So how could it work? Thanks in advance

@w2ytube

4 жыл бұрын

Sorry, for my stupid question. I didn't catch that you used react built-in env variables (prefixed with REACT_APP). Note that dotenv cannot be used on client side so in this case the config() call returns an error.

@kevdevgame8763

2 жыл бұрын

@@w2ytube thanks you

If we refresh page, login is gone and we need to re-login. How to solve it?

Thank you! This helped so much!

@codeSTACKr

3 жыл бұрын

You're welcome!

Thank you! Why at 12:35, I don't see the false displayed in the browser? I console.log (user) but it's showing me undefined. I wondering why the "false" isn't showing up on my screen.

@shangshi6286

3 жыл бұрын

something must have changed in the Auth0 API, I'm enable to see the return value after I log in. but if I'm logged out, I'm not able to see anything with JSON.stringify(user)

very easy to follow and direct thanks

@codeSTACKr

3 жыл бұрын

Glad it was helpful!

Perfect, working great. Really nice tutorial!

Really useful. Thank you very much.

The problem is that you have to create a login button first for the Auth0 loging page to show up. Which is counter intuitive, you want users to arrive straight into the log in page, not another page with a login button you have to click, to then be redirected to the actual login page.

What is the name of JSX autocomplete addon?

The video is good. I would like to encourage you to explain it more. Thank You

is Auth0 free for me to use with another identity server?

PLEASE do something with image uploads. I need to get better with AWS S3 buckets and Multer and saving to MongoDB that whole crazy mess. Maybe with title and description so I can see how to save an image with other items in a form. Sorry I'm rambling...

Thank you Sir! Its working 😀

Please, teach us more about Authentication. Regards!

Thank you so much. Subscribed!

@codeSTACKr

2 жыл бұрын

Awesome, thank you!

Thank you for your time, amazing tutorial!

@codeSTACKr

3 жыл бұрын

Glad it was helpful!

How did u make your Vscode like the smooth thing like whenever u type or delete Code it's smooth how to do that??

@chitrangsharma

3 жыл бұрын

Just have a good pc 😅 I guess

@nischalrapireddy

3 жыл бұрын

@@chitrangsharma uhm I have Ryzen 7 2700x and GTX 1660 super I guess that's a good pc 😅😅😅

this was pretty cool

Thank you very much! your video is very helpful!

@codeSTACKr

3 жыл бұрын

Glad it was helpful!

what a fancy cursor.. is it a plugin? and is it cross-IDE (JetBrains IDEs ..etc)?

@codeSTACKr

3 жыл бұрын

It's just VS Code cursor settings

ther is way for register ?

wow! amazing tutorial! thank you so much!

What editor and font theme is that? Really nice

@codeSTACKr

3 жыл бұрын

Cobalt2 and Fira Code Font

@realsemig

3 жыл бұрын

@@codeSTACKr Thanks you!

Your VS Code theme?

Everytime i refresh the page i have to Log In again in my application. Can anyone help me please??

Can you do a video on saml authentication with react and auth0...

You just saved me hours. Thank you!

@codeSTACKr

2 жыл бұрын

Glad I could help!