MERN Stack In 20 Minutes - Express + React Authentication App

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • 📘New Course: Build full-stack React Typescript applications tsreact.maksim...
    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/sat...
    Where to find me:
    Twitter: / satansdeer
    Discord: / discord

Комментарии • 30

  • @priyanshubaluni2801
    @priyanshubaluni2801 4 года назад +5

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

  • @fortunecookiepalace
    @fortunecookiepalace 7 месяцев назад

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

  • @khandoor7228
    @khandoor7228 4 года назад +2

    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
      @satansdeer1  4 года назад +5

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

    • @khandoor7228
      @khandoor7228 4 года назад

      @@satansdeer1 AWESOME!!!

  • @allanbramley9846
    @allanbramley9846 3 года назад

    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.

  • @gunabalang7034
    @gunabalang7034 3 года назад

    thank you very much

  • @hashsaksham
    @hashsaksham 2 года назад

    WHAT IS THAT SHELL AND TERMINAL SETUP

  • @nielsdominguez991
    @nielsdominguez991 4 года назад

    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

  • @jjaaccekk
    @jjaaccekk 4 года назад

    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.

  • @harluss
    @harluss 4 года назад

    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?

  • @edycole5543
    @edycole5543 4 года назад

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

  • @letuanthanh4686
    @letuanthanh4686 4 года назад

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

  • @badr4u73
    @badr4u73 4 года назад

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

  • @Kedarbhokare
    @Kedarbhokare 4 года назад

    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
      @satansdeer1  4 года назад +1

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

    • @laughingAtMyOwnMemes
      @laughingAtMyOwnMemes 4 года назад

      @@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
    @drewstifler1440 3 года назад

    node is there in MERN so it will sounds cool

  • @jwhubert91
    @jwhubert91 3 года назад

    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
      @chukwurahvictor2152 3 года назад

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

  • @Kedarbhokare
    @Kedarbhokare 4 года назад +2

    Please explain mongodb if possible

    • @satansdeer1
      @satansdeer1  4 года назад +6

      Sure thing, in one of the next videos

  • @sergiyrudenko905
    @sergiyrudenko905 4 года назад +1

    the repo is empty

  • @zolushka683
    @zolushka683 4 года назад

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

  • @pavelalekseev5849
    @pavelalekseev5849 4 года назад

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

  • @liquidthought41086
    @liquidthought41086 4 года назад

    Mongo db. Yes.