Understanding the Complexity of Modern Web Dev Stack (Webpack, Babel, TypeScript, React) 

This is absolutely brilliant. Attaching a storyline to this was genius. This is how everyone learns; through context and use cases. Keep to this style of tutorials and this channel will sky rocket. Well done 💯

What a gem! Love that you included the error solving parts and the "single take" nature of the video. Liked, subscribed, and added to a playlist)

Great stuff! Thank you ! In less than 30 min you fast-forwarded me from the 90's to modern era :)

Amazing video! With every part you explained WHY something was needed. This is missing in most of explanation videos on the internet. Thank you!

We transpile typescript to javascript then transpile javascript to older versions of javasript for wider browser support and then the browers JIT compile the javascript it loads to run the actual code. Even without webpack, different loaders, webassembly and the other stuff going on it's complex enough.

This is the best explanation I've come across... Most videos are too long and too minified. Thank you for this ❤️

This video is awesome. In just 25 minutes you explained the whole modern javascript paradox. How a simple button click in JavaScript is evolved to be so complex. Thanks a lot it made me understand concepts that are very confusing.

The video I have been looking for as a junior developer - to actually try and understand the bigger picture and fundementals. Please make more of these type of videos! You are hitting a much neglected part of the web development RU-vid tutorial/course/explainer videos market!

This video is really helpful to me. When I dive into Huge numbers of libraries from single page with HTML CSS JS. it really drive me crazy. But thank your sharing. I understand a lot and get a clearness feel.

One of the best video I come across while searching for basics

Absolutely brilliant. Seems like you witnessed everything as if you yourself was a kernel routing and directing every piece to work together just like that :)

This is amazing. You're a genius. You made it so easy to understand.

now finally all the dots got connected... brilliant mate !

Rare you can have a history Today. Big picture is always forgotten making if difficult to get clarity. Thank you for taking the time to do it.

I'm honestly impressed with how good this was to give and idea about how we ended up using all of these tools in the modern web development. Thanks for your effort!

This was so good. All the confusion regarding modern web cleared in one video ! Thanks a lot.

Bro you are now my new history teacher. Great work and thanks for the explanation🔥

Best tutorial watched in the recent days.. Precise and no BS... you got a great teaching skills, mate! Please keep doing the videos..

Excellent video explaining the history and transition to modern js libraries.Superb!!!!!!

This is amazing.. front end is so crazy…. Thanks for bridging the gap!

Great & short Video that explains what's going behind the scenes with modern web dev, Thanks 😊

Great video on how modern web development has evolved.

Finally someone that explains the problem that is being solved by these stupid installs lol. 10/10 vid.

Awesome! Thank you for the explanation and case study

exactly what I was looking for, Thanks, great job

This was very helpful thank you for making this!

This is the explanation I've been looking for!! Subscribed!

This was awesome! Thank you for making this!

Amazing explanation, love the approach and evolution of the code, great stuff

This is the best explanation I've come across

You have nicely explained in simple way with good example. Thank you.😊

a beginner learning this. Honestly great video

I like your methodology , it's a very great and enjoyable learning experience !

You nailed it!!! Finally I understood, Thank you so much from the heart, you're awesome

Great explanation. Thanks I hope you do more videos about tooling. It's really helpful

this is just beautiful, i had a lot of troubles understanding what webpack, babel were, and where are they exactly used, but this video just puts everything together in a brilliant way, thank you for the video

This really confused me too when I started learning web development. Now I have a great resource to refer to other people thanks! On another note, I see you have a few videos on testing using Jest, Cypress, etc. I personally am quite new to testing I understand there are different types of tests like unit testing, integration testing and end to end tests. I know what each of them are but I do not understand how they all come together in one project? Would be great if you could do a similar overview type video on how all these are implemented in a production application.

Pure awesomeness 😍

This is great and very helpful! Thank you!

Congratulations from Brazil. content like this is very rare, i'm subscribing.

thanks for explaining all this from basics.

with a bit of luck, this is one of the coolest video i've ever watched :)

Man this content is plain and simply amazing

Superb explanation! Thanks a lot for this 🙌

This was AWESOME! Thank you!

This entertaining and very eye opening when it comes to the past couple decades of web development. I hate when people use simple examples that have been simplified so much that they don't represent reality anymore. But your example was as simple as it needed to be but no more. It's really cool to see how it all really works and how it came together.

I'm glad this video exists

This is just amazing, hat off to you!

Fantastic video!

My brain is thanking you.

great video 🔥

god tier explanation

this is amazing . thank you

that is the best video I watched in my life

very good content, pedagogically supreme

And this is just the top of the iceberg

hilarious and brilliant!!!

Simply amazing. Thank you so much.

Thanks for the 20 minute headache :) No but really, this made it so much easier to understand what tf is going on.

Thank you! More course React!!!

Great video, thanks a lot!

Great Content!!!!!!

Best explanation

Amazing

Just awesome

Incredible 👌

This is treasure!

It's really awesome things to me. Thanks a lot.

Impressive ❤

This is why WordPress is so popular. Running SQL HTML PHP and sometimes JavaScript and you don't even know it.

"We're not sane, we're INSANE, we're modern web developers" LMAOOO

Beautiful

Thanks for this video. ❤🙏 Please make update version too. 🙏❤️

All your tutorials are always fast pace that it becomes hard for one to follow your pace

thanks' a lot man

Really great video

There's so much worse it can be with SASS, handlebars, WASM, and so much extra complexity you can add on top lol

I became your fan in just 26 minutes and 41 seconds....

legacy code be like : Look what they need just to mimic a fraction of our power. 😃

❤

As a newbie this was great. Struggled today with some jest testing presets and had absolutely no idea what was going on. I think I solved it because the error went away but I am worried the test was just skipped. Luckily I have no idea how to check which tests was skipped or not so I can go to bed without worry.

When i see a guy using vim, I just assume that he is a godly tier developer. Once more I was proved right

3k views wtf... u need to be recognised

Bro casually flexing his VIM skills

I would like to see how server-side JavaScript comes into play with this 😂

25:25 Can’t relate more

Let's always do alot of good

This is just one of the web development tutorials I have ever seen, Why don't everybody create tutorials like that?

If given the choice, would you support ES5? It seems a lot of this complexity comes from supporting old browsers.

in babel.config, how wepback knows the order to use ? in case of tsx, which loader is gonna run first ?

10:37 I don't understand why webpack is needed here if the improvement is to export createElement and import it in index.js. It's impossible to to do this without webpack?

Great content! Thank you so much!

welcome to js land where people over engineer stuffs for convenience

why god , why

Why do we bother with ES5 when approximately 95% of web browsers understand ES6?

Why is this so hard to follow

Excellent

This is absolutely brilliant. Attaching a storyline to this was genius. This is how everyone learns; through context and use cases. Keep to this style of tutorials and this channel will sky rocket. Well done 💯