MERN Stack In 20 Minutes - Express + React Authentication App

📘New Course: Build full-stack React Typescript applications tsreact.maksimivanov.com/s/ytd
In today's video we make an express app with ReactJS frontend. We'll build a JWT authentication flow. So react app will authenticate using the json web token.
Code: github.com/satansdeer/mern
Where to find me:
Twitter: / satansdeer
Discord: / discord

[@priyanshubaluni2801]

Finally... Most awaited Tutorial for me... Thanks teacher❤️

[@allanbramley9846]

I appreciate the simplicity of this. I've gone down a 12 hour rabbit hole with two other tutorials that just threw error after error in my console. Did you ever produce a video explaining on how to utilize mongodb with this? Thanks.

[@khandoor7228]

Excellent Maksim! I use the MERN stack a lot and love to see an excellent developer's approach. Any chance you would like to do a part 2 with adding Mongo and / or deploy to AWS?

[@satansdeer1]

Yeah, that's the plan. I also want to show how to put everything into containers

[@khandoor7228]

@@satansdeer1 AWESOME!!!

[@letuanthanh4686]

thank you so much, I'm waiting tutorial about Authorization with React , ;))

[@edycole5543]

Very useful tutorial, thanks maks, request react with nosql db schema ,multiple collection reference, multiple query and normalization

[@harluss]

Good morning, or afternoon rather. Could make a video about combining passport's local and social strategies (ie. Google, FB) and how would you approach it on the server side? Let's say scenario, where user who's already registered with email and password in our app, tries to login using social media profile that's registered with the same email address - would you say 1. email is unavailable, 2. create new account based on the used strategy (one for local, new one for Google, another one for FB) or 3. merge the social media profile with existing account?

[@fortunecookiepalace]

could someone link me to the video where you talk about the location to store the token? this video is using localstorage

[@jjaaccekk]

Well the local strategy seems to be always returning false when logging in, also there is no 'wrong email or password' message handling on the client side.

[@gunabalang7034]

thank you very much

[@hashsaksham]

WHAT IS THAT SHELL AND TERMINAL SETUP

[@nielsdominguez991]

Nice tutorial, but I do not understand why we have to use passport. It is easier and more clear to me to use npm jsonwebtoken and check token myself

[@zolushka683]

Спасибо за видео!

[@satansdeer1]

Не за что :-)

[@Kedarbhokare]

Hello, I am following your video since month, they are very helpful and to the point, I am php developer, but just started with JavaScript and react , I have built one project with react hook form and have used material ui for css stuff , I am facing one problem, when I try to use radio button from material ui, it throws error saying I am going from uncontrolled input to controlled input as radiogroup controls the field , is there any hack to use material ui radio button as uncontrolled input and it can be controlled with react hook form, thanks in advance

[@satansdeer1]

I can take a look into it. Do you have a small repo where this issue can be reproduced?

[@laughingAtMyOwnMemes]

@@satansdeer1 codesandbox.io/s/nifty-ramanujan-1s5zs?file=/App.js this is a repo, when we run this code in the browser, it throws an error as we are switching from uncontrolled input to controlled input,. as radiogroup controls the input field, it should be controllable with react hook from control

[@drewstifler1440]

node is there in MERN so it will sounds cool

[@jwhubert91]

Thanks for this nice little video. What way do you recommend to deploy?
I deployed to Heroku from github and am getting this error:
ENOENT: no such file or directory, stat '/app/client/build/index.html'

[@chukwurahvictor2152]

Run "$npm run build" in the client folder to create the optimized build of your app.

[@badr4u73]

Verry useful and good tutorial but i still don't get what passport add compared to using bcrypt and jasonwebtoken

[@Kedarbhokare]

Please explain mongodb if possible

[@satansdeer1]

Sure thing, in one of the next videos

[@sergiyrudenko905]

the repo is empty

[@satansdeer1]

Thanks for the heads-up, i've uploaded the repo

[@sergiyrudenko905]

@@satansdeer1 Thanks!

[@pavelalekseev5849]

Оо, буквы из Мурзилки 😂

[@liquidthought41086]

Mongo db. Yes.