MERN Stack Part 5 : Using the React Context API and creating an AuthService

In this tutorial, we're going to be using the React Context API to provide a global state throughout our React application. We're also going to be creating an AuthService in order to make calls to our backend.

[nevrcore]

I decided to learn React by recreating a blog app I created in Angular, and this series makes way more sense than any other MERN vids I've seen

[백-kj]

Easily the best one I have seen. Although, I am using session-based auth and u are using token-based auth, still very relevant and I sincerely want to thank you for posting this!

[rishabhgarg]

the best playlist about Auth i had ever seen Big Thannnnks

[tayfun]

oh man I didn't know that proxy thing and I had to go back and forth by changing my 6 different fetch codes with localhost and my domain too many times lol. I knew there had to be something more sensible...

[munandisichali]

I am lost but your video is opening my mind thanks so much

[rishabjain]

The code is not working for me, probably because of the react-script v 5.0.0, it was showing error Module not found. Field 'browser' doesn't contain a valid alias configuration and Polyfill node core modules in webpack 5. I edited the node_modules, webpack added fallback installed required packages it still aint running for me

[kaylafolwick]

Is there a repo link available? It'd be super helpful to have access to the code.

[shaughnessychris]

If anybody can help it would be greatly appreciated. After following the tutorials, my app is stuck on 'loading'. When I try to fetch the data and set the user/auth and isLoaded it doesn't return the data? So none of the options are set, and loading is all that shows. Does anybody have any ideas? My backend is returning the /authenticated endpoint when a user is logged in. I'm new to this so I might be missing something obvious, but I'm having trouble moving on until I can figure this out.

[kishoret]

is there a way to do this without setting the proxy in package.json?

[vanovasilyan]

Can anybody help with this issue ??
VM750:1 Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
It shows when useffect is start his work

[gobinathshanthakumar]

1] ./src/Context/AuthContext.js
[1] Line 22:11: 'isloaded' is not defined no-undef
[1] Line 23:40: 'user' is not defined no-undef
[1] Line 23:45: 'setUser' is not defined no-undef
[1] Line 23:53: 'isAuthenticated' is not defined no-undef
[1] Line 23:69: 'setIsAuthenticated' is not defined no-undef
[1] Line 24:14: 'children' is not defined no-undef

[yogsharma]

What is the use of AuthProvider in index.js file

[salim]

can anyone explain how to push this project to github ? because when i try to get my full app on GitHub I will get a git repo inside a git repo !

[PBUK]

Anyone running into proxy error from 3000 to 5000, add "secure" : false too your proxy settings in the package.json file (client)

[praptimaheshwari]

I am getting this error

src\App.js
Line 6:64: 'useContext' is not defined no-undef
Please help me

[hamzabenali]

useEffect(()=>{

.then(data =>{
setUser(data.user);

setIsLoaded(true);
})
Error : Cannot read property 'user' of undefined
how to fix it ?
Awesome tutorial series btw ♥ ♥

[satyainr]

Not working as expected. Getting errors.

[shollybenjamin]

Hi pedro, can you share your code. i am getting some errors i cant figure out why. The error is coming from AuthContext file.

[makspazuniak]

For anyone getting a "Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0" after setting up the AuthContext / AuthProvider, you may just need to kill your servers and then restart for the proxy to take effect.

[suadayzo]

WTF 30 minutes videos without any saving and to test how look in browser code ??? Todo MERN is for beginers not for intermediated or advanced programmers, so how can beginerr remember what is doing and for what need 30 minutes of code??? For each component need to make save and to test to browser, so begginer can understand for what need this piece of code and for what other