React JS Tutorial - Create A Simple Login System Episode #1 of #3

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

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

  • @KEEM_DANSITA
    @KEEM_DANSITA 3 года назад +3

    8 months on, I'm very greatful for this video

  • @umutturan9282
    @umutturan9282 4 года назад +14

    Thank you! That was exactly what I was looking for :-)

  • @shubhamagarwal2566
    @shubhamagarwal2566 3 года назад +2

    Attempted import error: './stores/UserStore' does not contain a default export (imported as 'UserStore'). sir plz resolve this error

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

    Hlo why you do fetch('isLoggedIn') in app.. ?? Is its a url type?? Pls ans

  • @SLTRM
    @SLTRM 4 года назад +11

    Hello thanks for the tutorial. But where is the full git repo source code of the project example?

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

      Yes - that would be useful.

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

    Thank you for your tutorial. what is difference between ' ' and " " from the lines below?

    loading,please wait

    • @shawnyama1725
      @shawnyama1725 4 года назад +3

      There is no difference. You can use whatever you want.

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

      Yes as Shawn said there is no difference, i usually use ' ' to prevent bloating of code, it looks better.

  • @מיכאלשרטר-ק3ק
    @מיכאלשרטר-ק3ק 4 года назад +1

    when i am writing observer in the last line, that pop up in the localhost "Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    Check the render method of `App`." what to do??

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

    I am facing this error:
    Failed to compile.
    ./src/stores/UserStore.js
    Attempted import error: 'extendObserable' is not exported from 'mobx'.

  • @crisag.2698
    @crisag.2698 4 года назад +9

    Thanks for the tutorial. Why did you capitalize "Let" ? My code wouldn't compile with this. I'm a java backend developer learning frontend in my spare time so sorry if this is a silly question.

    • @InR3v3rs3
      @InR3v3rs3 4 года назад +7

      It's actually lowercase but the font makes it look capitalized

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

    What if you want the user to be logged out after a specific time of closing he browser

  • @WenksYow
    @WenksYow Год назад

    is this applicable till this day?

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

    I get an Type error saying instance.render is not a function, any tips? It only occurs when UserStore.loading = false in the componentdidmount error catch is present.

  • @mrpinkbutton5620
    @mrpinkbutton5620 3 года назад +1

    I dont think my app is working right. It compiles, but stays on 'Loading, please wait..' Anyone have any idea what i missed. I walked through the video a couple times but cant find my mistake.

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

      hi, i am having the same issue. could you solve it? if you could please help me.

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

    after i add the observer it shows a blank webpage
    how to solve this problem ?

  • @thesecondsage
    @thesecondsage 3 года назад +1

    Simply amazing !!!

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

    hi, not sure if anyone can help me with this.. gotta make a SinglePageApplication, a simple sign up form, the screens required are:
    step 1 - asking for users name and phone number
    step 2 - asking for users email and data of births
    step 3 - should present all the users details for confirmation
    step 4 - sign up completion screen
    not sure how to solve the transition from 1st to 2nd step. also, not sure if I have to use session or local storage to present users details on step 3..
    salut!

  • @juhandvan
    @juhandvan 5 лет назад +1

    Thank you for the great tutorial

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

    Sir cant resolve 'mobx' error is coming. what to do?

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

    Module not found: Can't resolve 'mobx' in 'D:\PP\OTHERS\WEB DEV
    eact\frontend\src\store'
    can anyone know to resolve it

    • @23PedroA
      @23PedroA 4 года назад

      could you manage to solve tht problem?

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

      I just change UserStore.js location it's now on src and not in stores. It work but I don't know if it's the best solution

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

      I had the same here, but I run "npm install mobx-react --save" frontend folder and solve it.
      Saudacoes BR kk

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

    Why are you making an API call just to log out? Can't you just change UserStore to set logged in to false and save the API call?

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

    How does this work if we want more than one page to know about UserStore object ? example:
    I want to make a navigation with 'login' when the user is logged in i want it to be 'Log out' How do i access the same userstore object from the parent component?

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

    How to add Routes V6 in this sample?

  • @philipglorifyjesseopulenci1301

    Why is mine stuck on Loading... please wait...

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

    is mobx better than redux?

  • @justaguywholikeshentai9019
    @justaguywholikeshentai9019 3 года назад +1

    appreciated muchi :)

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

    I'm having an error on 4:39 . it says, TypeError, Class extends value undefined is not a constructor or null. can you help me ? Thanks

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

      no the´re hooks video 4 buy the course! no money no honey i think

  • @thiagoluiz4870
    @thiagoluiz4870 4 года назад +4

    Why we should use react class nowadays instead of hooks?

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

      I prefer class based components since you can write OOP code which i recommend everyone to do if they are writing an application which requires structure.

  • @23PedroA
    @23PedroA 4 года назад +1

    I am doing the same but it does not get out of the loading :(

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

      I just change UserStore location it's now on src and not in stores. It work but I don't know if it's the best solution

    • @23PedroA
      @23PedroA 4 года назад +1

      @@abe9993 Thank you, but I had a typo in the code when importing and dont know how it wasnt recieving any error, but now it is rolling
      but thank you anyways

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

    Well I didn't get the observer to work, kept getting the error 'makeObservable' is not exported from 'mobx'.

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

      Did you manage to resolve that issue, i have same problem.

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

      @@admirdizdarevic7752 Make sure to Install mobx

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

    How can i add some other options except for username and password ?

    • @justaguywholikeshentai9019
      @justaguywholikeshentai9019 3 года назад +1

      like wut?

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

      after login .. like we want to fill up some kind of form and then submit .. what will the procedure for this ?

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

      @@pinjuhsaikia3821 XD Try learn the basics first, html, css, javascript, php..

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

    Anyway you could post the source code on github?

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

      Sorry this code is not saved, all new projects for this channel are available on github: github.com/nordin-johan

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

    This look not simple, how I can use it with Axios

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

    Someone can send this code?

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

    should i feel bad for copying this 1:1

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

      Nah. Best way to start learning is copying, and then understanding each piece of the code by yourself.

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

    Can't even see letter plzz zoom it nd upload nd very fast be slow while explaining

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

    Wth is mobx this tutorial would have beeen way better if you just used redux

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

    Your accent is not very clear. I can't understand it

    • @adisonnanet
      @adisonnanet 3 года назад +1

      The fuck? He's very clear with what he's saying.

    • @FullstackDevelopment
      @FullstackDevelopment  3 года назад +1

      @@adisonnanet Haha thank you, laughed heavily reading this.