Web Workers Explained

Поделиться
HTML-код
  • Опубликовано: 21 авг 2023
  • How and why to use Web Workers.
    💬 Topics:
    - What are web workers?
    - The JavaScript event loop, queue and stack;
    - JavaScript single threaded vs. multi threaded;
    - Blocking the UI thread;
    #javascript
    Patreon: / awesomeclub

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

  • @user-zl5gi8sv7u
    @user-zl5gi8sv7u 7 месяцев назад +6

    Oh god another fireship rip off

    • @awesome-coding
      @awesome-coding  7 месяцев назад +14

      Is it the best rip off though?

    • @user-my6un7sq6i
      @user-my6un7sq6i 6 месяцев назад +9

      that was a great explanation, thanks@@awesome-coding

    • @awesome-coding
      @awesome-coding  6 месяцев назад +3

      @@user-my6un7sq6i Glad it was helpful!

    • @drfeinstein
      @drfeinstein 5 месяцев назад +2

      Spicy European flavor Fireship

    • @namahshrestha3226
      @namahshrestha3226 2 месяца назад

      @@awesome-coding Best one yet.

  • @UsernameUsername0000
    @UsernameUsername0000 10 месяцев назад +18

    The way you’ve just managed to explain a topic from scratch without making any part of it cryptic is something this space needs!

    • @awesome-coding
      @awesome-coding  10 месяцев назад +1

      Thank you! I'm glad you found this useful!

  • @TheEletricboy
    @TheEletricboy 2 месяца назад +3

    Fireship clone or not, great job at explaining this subject in a concise manner with real world use-cases and easy to follow reactive visuals. We need more creators like you

  • @damilolaadeyemi8383
    @damilolaadeyemi8383 4 месяца назад +2

    8 years experience and damn, this is the best explanation of non-blocking I've seen

    • @awesome-coding
      @awesome-coding  4 месяца назад

      Thank you! I'm glad you found it useful!

  • @JaskierRezzo
    @JaskierRezzo 10 месяцев назад +10

    I'm really loving these short concept videos about things we all know because we have heard it somewhere and everyone understand the bare-bones definition of but rarely the much needed details!
    Another banger video.

    • @awesome-coding
      @awesome-coding  10 месяцев назад +2

      Glad you like them!
      That's the main reason I'm doing these videos. Too often I'm like - "yea, I know what that is", but then, when I'm really thinking about it I realise I don't fully understand some of the basics.

  • @ybenjamin
    @ybenjamin 10 месяцев назад +5

    Great work on the presentation, using a real world example always improves the understanding!

  • @Aksht-h9u
    @Aksht-h9u 15 часов назад

    This was awesome explanation

  • @markyer3996
    @markyer3996 10 месяцев назад +1

    Another awesome video! Great visuals, too

  • @6little6fang6
    @6little6fang6 10 месяцев назад

    Thanks for these beacons of knowledge.

  • @renatolins4670
    @renatolins4670 4 месяца назад

    That helped me, thanks for such an awesome and practical explanation!

  • @krateskim4169
    @krateskim4169 10 месяцев назад

    Awesome video, waiting for next one

  • @AveN7ers
    @AveN7ers 10 месяцев назад +3

    Great video! This is an excellent introduction to workers

  • @aghileslounis
    @aghileslounis 10 месяцев назад +1

    short and excellent

  • @rizwank658
    @rizwank658 10 месяцев назад +9

    Hey Great Video! Finally I understood the proper use-case for this. Thanks!

  • @MeesvanStiphout
    @MeesvanStiphout Месяц назад

    Clear explanation! thanks so much!

  • @yuhanlian991
    @yuhanlian991 10 месяцев назад +2

    what a hidden gem, thank you so much!

  • @JohnSmithhh
    @JohnSmithhh 4 месяца назад

    Thanks! Good explanation

  • @mortalmotivation
    @mortalmotivation 10 месяцев назад

    Enlightenment, thanks

  • @couragic
    @couragic 10 месяцев назад +5

    0:40 I guess this visualization of current stack execution can confuse some people. You have several functions in queue and in the stack and it looks like node can pick several functions from queue and execute them sequentially at once (at one loop cycle). But the stack is actually just one function from queue.

    • @awesome-coding
      @awesome-coding  10 месяцев назад +3

      This is a very good point! Thank you for mentioning it!

    • @ozzyfromspace
      @ozzyfromspace 10 месяцев назад +2

      @@awesome-coding your illustration is fine. sometimes a function will call other functions, or even itself recursively. The call stack can hold other execution context's in this way. Granted, I understand @couragic's valid concern about confusing some people. Overall, nice video! Best wishes to the both of you.

  • @ashleyfreebush
    @ashleyfreebush 10 месяцев назад

    This type of content is the best

  • @the3dcapybara
    @the3dcapybara 8 месяцев назад

    Thanks, it was pretty good explanation!

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

    very nice

  • @pourlamouvance
    @pourlamouvance 10 месяцев назад +1

    Thanks!

  • @pratiknaik261
    @pratiknaik261 8 месяцев назад

    Nice and short

  • @navidghasemi9685
    @navidghasemi9685 10 месяцев назад

    great

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

    what a nice video

  • @Ahmed-yr8wb
    @Ahmed-yr8wb 6 месяцев назад

    YOU ARE SO FUCKING AWESOME, THANK YOUUUUUUUUUUUUUUUUU

    • @awesome-coding
      @awesome-coding  6 месяцев назад

      Glad you found this useful! ✌️

  • @uhhHandle
    @uhhHandle 10 месяцев назад

    Yay

  • @emondoraon
    @emondoraon 10 месяцев назад +1

    How about async?

    • @awesome-coding
      @awesome-coding  10 месяцев назад +2

      Async / await is just sintactic sugar on top of the Promise API - so this is just the usual Event Loop.

  • @dragosudrea12
    @dragosudrea12 10 месяцев назад

    Can you make a video about web coponents ?

    • @awesome-coding
      @awesome-coding  10 месяцев назад

      Hey!
      I did a Web Components related video recently which might be of interest to you - ruclips.net/video/Jy0dMy2qDMo/видео.html
      Also, I can break down web components in a separate video for certain!
      Thanks for the suggestion!

    • @dragosudrea12
      @dragosudrea12 10 месяцев назад

      @@awesome-coding wow thank you, I didn't expected a response

  • @gauravsharma3444
    @gauravsharma3444 10 месяцев назад

    Just JavaScript being javascript. Mf, someone tell me is it single threaded or not.

  • @AlexanderSuraphel
    @AlexanderSuraphel 10 месяцев назад

    Like #42 :)

    • @awesome-coding
      @awesome-coding  10 месяцев назад

      the answer to the Ultimate Question of life, the universe and pretty much everything

    • @AlexanderSuraphel
      @AlexanderSuraphel 10 месяцев назад

      @@awesome-coding :) took 7.5 milliion years to find out!

    • @awesome-coding
      @awesome-coding  10 месяцев назад

      @@AlexanderSuraphel That's like 10 seconds in JavaScript time!

  • @tylerarrigoni7700
    @tylerarrigoni7700 3 месяца назад

    Nicely done