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

A look back on ye old days, where we came from, and how we ended up in this mess. Few mistakes, can you really blame me? 😇 TIMESTAMPS:

1:00 In the beginning
3:00 JS all the things
5:28 Babel
9:00 Introducing Webpack
14:20 Babel with Webpack
16:00 React (no JSX)
19:00 JSX all the things
21:50 TypeScript and TSX
24:17 Bundle all the things... CSS imports

[menglin]

Now this is something I'd highly recommend any JS developer to watch

[lotharmohlala]

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 💯

[brentleemans]

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

[marianrys]

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

[Speglritz]

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.

[paperC_CSGO]

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 Youtube tutorial/course/explainer videos market!

[swagatochatterjee]

As a backend dev, who would occasionally dabble in checking the state of frontend from time to time, this is the first video that gave me all the clarity I needed. Now I'm sure I'll fall back to using HTMX.

[AnantaAkash.Podder]

This is By Miles Far the Best Tutorial to Understand Why there are sooo Many Tools for JavaScript... I initially came here to know about Transpiler & Bundler

[narayan]

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

[jfsimard]

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.

[pkproductions]

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.

[samiullah.]

My man is pro at terminal and vim, really a huge help.

[johnphillips]

This is the best explanation I've come across... Most videos are too long and too minified.

Thank you for this ❤️

[贺彦文]

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.

[erichepperlewp]

Great video! I really appreciate the errors you demonstrated so we have a preview of what we might run into and how to fix

[uchihai_a_h]

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

[Usmankhaled]

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 :)

[michaelhashimoto]

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

[karanuday]

THIS IS AMAZING!!! I've been looking for a way to trace and understand the journey to our current setup and there's just so many different parts to it that I've just never managed to understand how all fell into place. This video explains all of that in almost an ELI5 way and covers almost everything needed! Thank you so much for this!

[soumyasagar]

Never had I understood babel soo deeply. Kudos to you man!!