Simon Says Game in React

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • Coding SimonSays Game with React in one hour | JavaScript | Game Programming Step by Step
    Checkout - www.taskade.com
    Coding example : github.com/tec...
    #Game #Programming #react
    *My Udemy Courses
    www.udemy.com/...
    www.udemy.com/...
    Follow me for technology updates
    / techsith
    / techsith
    / techsith1
    / 13677140
    / patelhemil
  • НаукаНаука

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

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

    Checkout taskade.com and contact taskade.com/contact for a free 1 year upgrade by mentioning TECHSITH channel .

  • @thereisnoonebuthim6182
    @thereisnoonebuthim6182 3 года назад +7

    You're one of my favorite teacher. It's really hard to see you not posting videos 😭😭😭

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

    I would suggest we can use ${flash} && “flash” (reason: we need not to use ternary operator with “”)

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

      Good point , thanks for sharing!

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

    Thank you Simon for the video. After problem statement, I tried to solve it myself without watching complete. Progressed about 60%. Got stuck in multiple color flash sequence. After watching complete video, validated my progress and learnt about multiple useEffect use case. Once again thank you.
    Just curious is there an alternate way to using multiple useEffects to get same behavior.

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

      Great job! I like the approach. I hope it helped. The alternate way to break down your main state into many state rather than having one state with multiple properties. You will have to write many more useEffect in that case but it would be more cleaner approach. the rule of the thumb is not to update more than one state in a useEffect.

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

      @@Techsithtube I started with many simple states. The mistake I was doing is to update sequence of states in same useEffect. App behavior was not sequential state update. Rather it was last update. Now I know. This really did help. Thanks

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

    Good video! I'm not sure though why we would need a util for the timeout func , also feels like we used too many use effect and repeated ourselves in code. other than that great , thanks and keep up the good work.

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

    Can you make a video about how browser works or How it render a web page?

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

    I liked the way this video progressed, I mean the thought process. Fun stuff !

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

    Pleae share the github link

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

      I provided in the description but there it is github.com/techsithgit/simon-says

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

    @techsith at timeframe 36:02 how did you get to know that it was a specificity issue. i didn't understand that. BTW awesome stuff out there.tq

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

      Nihal, If you have a defined a class with some style but somehow you dont see its not being applied , its usually because of the specificity. Something more specific is dictating the style.

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

    Excellent tutorial 👍👏

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

    What VS theme are you using. Is it monokai.. I liked it very much. Pls share. 🙏

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

    Great video! It might be a stupid question, but why can't we use the setTimeout function instead of defining a timeout function?

    • @RanLavi
      @RanLavi 2 года назад +2

      "Six months later..." if you use just a setTimeout function, and not defining an async one which returns a promise, what will happen is that the rest of your code will keep running. And only the setTimeout function will be delayed.
      Simple example:
      Console.log(1);
      setTimeout(()=>console.log(2),1000);
      Console.log(3);
      Will output 132.
      But if we use it like in the video, the output will be 123, just that the 23 part will be logged a second later.

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

      @@RanLavi Thank you! You still helped me even it's six months later lol.

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

      @@akaneamano4368 Cool! Glad I could be of service

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

    how would you trigger audio?

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

    First comment , First like even before watching as i am sure its gonna be an awesome video

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

      Thanks Ganesha for the first comment , I really appreciate it.

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

    Please do a video on graphql with react and redux.. there is a lot of confusion like 1. when we using graphql is that necessary to use apollo client. 2. Apollo client is a replacement for Redux 3. Both apollo and redux can be used in same project etc pls clarify

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

    Can you please create a video on the rematch which build over redux

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

    Hello TechSith! I hope you upload something again. Thanks.

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

    Interesting.

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

      Glad you think so! Thanks for watching!

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

    Awesome stuff sir (:

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

    Vry nice sir

  • @VishalSingh-yv9yw
    @VishalSingh-yv9yw 3 года назад +1

    Great stuff 👍

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

    Hey man !! Are u still in Berkely let’s get together sometime with team and have coffe or lunch 👍🏻

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

    Hi Sir, Why this function return undefined value
    var x = 10;
    var hello = function(){
    console.log(x);
    var x = 12;
    }
    hello();

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

      Santosh, you re-declared x inside the hello function . this creates a dead temporal zone that is why you are getting undefined. if you either remove that line or remove var from "var x = 12" it will fix the issue.

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

      @@Techsithtube Got it sir thanks -:)

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

      @@Techsithtube Sir Please create one video on dead temporal zone in javascript

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

      @Chandan K thanks chandan