Web Workers Explained

Рет қаралды 23,617

Күн бұрын

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

Пікірлер: 72

@user-zl5gi8sv7u 8 ай бұрын

Oh god another fireship rip off

@awesome-coding 8 ай бұрын

Is it the best rip off though?

@user-my6un7sq6i 7 ай бұрын

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

@awesome-coding 7 ай бұрын

@@user-my6un7sq6i Glad it was helpful!

@drfeinstein 6 ай бұрын

Spicy European flavor Fireship

@namahshrestha3226 3 ай бұрын

@@awesome-coding Best one yet.

@UsernameUsername0000 11 ай бұрын

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 11 ай бұрын

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

@TheEletricboy 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

@awesome-coding 3 ай бұрын

Much appreciated!

@JaskierRezzo 11 ай бұрын

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 11 ай бұрын

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.

@damilolaadeyemi8383 5 ай бұрын

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

@awesome-coding 5 ай бұрын

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

@ybenjamin 11 ай бұрын

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

@awesome-coding 11 ай бұрын

Thank you for your feedback!

@markyer3996 11 ай бұрын

Another awesome video! Great visuals, too

@awesome-coding 11 ай бұрын

Thank you! Cheers!

@AveN7ers 11 ай бұрын

Great video! This is an excellent introduction to workers

@awesome-coding 11 ай бұрын

Glad you think so! Thank you!

@rizwank658 11 ай бұрын

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

@awesome-coding 11 ай бұрын

Glad it helped!

@krateskim4169 11 ай бұрын

Awesome video, waiting for next one

@awesome-coding 11 ай бұрын

More to come! Thank you!

@6little6fang6 11 ай бұрын

Thanks for these beacons of knowledge.

@aghileslounis 11 ай бұрын

short and excellent

@yuhanlian991 11 ай бұрын

what a hidden gem, thank you so much!

@awesome-coding 11 ай бұрын

Glad you like it!

@Aksht-h9u 26 күн бұрын

This was awesome explanation

@renatolins4670 4 ай бұрын

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

@awesome-coding 4 ай бұрын

Glad it helped!

@couragic 11 ай бұрын

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 11 ай бұрын

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

@ozzyfromspace 11 ай бұрын

@@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.

@MeesvanStiphout 2 ай бұрын

Clear explanation! thanks so much!

@awesome-coding 2 ай бұрын

Glad it was helpful!

@JohnSmithhh 5 ай бұрын

Thanks! Good explanation

@awesome-coding 5 ай бұрын

Glad it was helpful!

@emongtindero 11 ай бұрын

Enlightenment, thanks

@awesome-coding 11 ай бұрын

Glad you enjoyed it!

@the3dcapybara 9 ай бұрын

Thanks, it was pretty good explanation!

@awesome-coding 9 ай бұрын

Glad it was helpful!

@ashleyfreebush 11 ай бұрын

This type of content is the best

@awesome-coding 11 ай бұрын

Thank you!

@pourlamouvance 11 ай бұрын

Thanks!

@RedStone576 7 ай бұрын

very nice

@pratiknaik261 9 ай бұрын

Nice and short

@anantawijaya1594 8 ай бұрын

what a nice video

@awesome-coding 8 ай бұрын

Thanks!

@navidghasemi9685 11 ай бұрын

great

@Ahmed-yr8wb 7 ай бұрын

YOU ARE SO FUCKING AWESOME, THANK YOUUUUUUUUUUUUUUUUU

@awesome-coding 7 ай бұрын

Glad you found this useful! ✌️

@uhhHandle 11 ай бұрын

Yay

@whatsanimesh 8 күн бұрын

What do you recommend Web Workers or WASM ?

@awesome-coding 8 күн бұрын

It depends on the use case. I'd go with web workers if possible because of the simplicity. WASM usually implies adding another language in the mix.

@emondoraon 11 ай бұрын

How about async?

@awesome-coding 11 ай бұрын

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

@dragosudrea12 11 ай бұрын

Can you make a video about web coponents ?

@awesome-coding 11 ай бұрын

Hey! I did a Web Components related video recently which might be of interest to you - kzfaq.info/get/bejne/gN9gl7Cql9eofaM.html Also, I can break down web components in a separate video for certain! Thanks for the suggestion!

@dragosudrea12 11 ай бұрын

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