BREAKING: jQuery V4 Is Here (YES REALLY)

You may think I'm memeing but I 100% am not. I think this is one of the most important framework releases in a long time. Huge shoutout to the team working on this, it's thankless work but y'all are keeping the web alive 🫡
SOURCES
blog.jquery.com/2024/02/06/jquery-4-0-0-beta/
ralex1993/status/1234165541805281280
xkcd.com/1172/
Check out my Twitch, Twitter, Discord more at t3.gg
S/O Ph4se0n3 for the awesome edit 🙏

[@ScottMaday]

Can't wait for Theo's next video: "jQuery 4 + Next.js React Server Components" to bring us full circle back to the jQuery + PHP days

[@t3dotgg]

Like I wouldn't sneak Bun in there too

[@Murv]

​@@t3dotgg But then I can't use it on Windows 😢

[@nilfux]

The 90s terrible styles are back, mustaches and crappy hair, why not this too?

[@MarcoAntonio-jq7lo]

@@Murv learn to use WSL

[@Dino-pk5hc]

uhm WHY would 'React' need Jquery ? haha

[@mattpow]

We got a new jQuery before GTA 6

[@Dommo_]

We got 2 new jQuery’s before GTA 6

[@johnwales77]

GTA prolly uses jQuery and needed the new version to give us 8k 120 fps

[@nayte91350]

We will got jQuery 5.0 before Star Citizen.

[@helleye311]

Babe wake up, new jQuery just dropped!

[@infradragon]

shes been dead for years. move on.

[@zaper2904]

This is exactly the sort of thankless but incredibly vital work that makes the world tick.

[@patrickcameron2950]

I’ll always appreciate how simple and beginner friendly the jQuery syntax is.

[@shauniop]

@@plugpulled anyone not making a big project loves Jquery for small sample testing sites especially me as a researcher who can't realistically learn all possible frontend tools that keep changing every few days.

[@sankuas4d]

​@@plugpulled spaghetti and messy code always have a place in heart, mainly with jquery hahaha

[@BJ-bd5fc]

Yes... For a lot of entry-level web devs, jQuery WAS Javascript.

[@PieJee1]

Getting rid of jQuery was annoying because text searching for $ in a jQuery + php project gave too much results😂

[@lmnk]

I also like how less it needs for work, just 40 KBs both for dev and client... meanwhile Vue install hundreds of NPM packages, easily increasing the project's size over a gigabyte.

[@rtothec1234]

jQuery is still awesome! It is the most influential JS framework of all time. When you don’t want hundreds of megabytes from npm and bloated reactive framework du jour AND you don’t want to waste hours learning new tooling du jour AND you just need a little JS help cause it isn’t your primary language then jQuery hits that sweet spot. The fact that it powers so much of the we is a testament to how well it was built.

[@MarthinusBosman]

Only working on frontend code occasionally, I found myself wondering why I used jQuery so extensively in the past, and realised it's because most of the features I now consider standard just weren't implemented in JS at all back then

[@dylanclarke9497]

Yeah it's crazy. I picked up JS properly when it had modernised a lot of it's features, and I scoffed a little at the idea of needing to use jQuery before I found out that jQuery was the reason I had a lot of those features to begin with. Just something as simple as querySelector is all thanks to this little library.

[@dputra]

​@@dylanclarke9497 queryselector is really the W of js dom

[@mapron1]

I started using jQuery in 2007, it was such a relief after writing js for netscape and IE 5 and stuff in early 2000s. I quit webdev in 2010; and I am not even your subscriber; but youtube decided to recommend this for me and I very excited of those news! Thanks for sharing.

[@fluctura]

what do you do these days, if I may ask? Doing webdev since 2000, so I remember IE 5.5 ;) crafting 1 pixel transparent gif images to scale table cols with pixels to create a wireframe for a website layout with tables... 😅 this is stuff only a few remember 😂

[@mapron1]

@@fluctura I am desktop C++ developer. Yeah I remember 1px hack too, as well as directx filters for transparency.

[@VperVendetta1992]

I still develop internal corporate web apps in vanilla JavaScript and jQuery for a big multinational company. So flexible and simple.

[@victormoreno2767]

Same here, simplicity is coming back.

[@codybishop7526]

As a wordpres dev, this is big news for me

[@LV5]

love you mate

[@NphiniT]

WordPress users are devs too??

[@marh122]

wordpress users != wordpress devs !!@@NphiniT

[@johnny2598]

@@NphiniT ha funny. Actually creating Wordpress Plugins is pretty challenging . And as a WP Dev you are also a fullstack developer (Webmaster).

[@mehdiyahiacherif2326]

@@NphiniT you can use wp as a framework if you want , and trust me it's a solid one , i used to hate it and then worked with wp for 1 year in a company where i created plugins and other stuff with code yea CODE IN PHP 8 !!! , and some websites were just drag and drop , i think it's like kde "Simple by default, powerful when needed" and it is one of the biggest opensource projects ever created, i use sveltekit and/or django now but still using wp when it's possible

[@offroaders123]

This is outstanding! More things moving to plain ESM makes me so happy hehe

[@sandeepmb]

My career has started with jQuery. It's been 4 years I haven't worked on jQuery. Seeing the maintainers put a lot of work into the current release, I feel excited while cherishing fond memories.

[@Seedwreck]

If they wanted to maintain it, they would’ve made something like Grecha Susha.js

[@dmug]

Too real, 2010 jQuery 1.3 made me a front end dev.

[@KerimWillem]

Just wanted to say it feels like you are consistently creating more interesting content. To you and your team, good job guys/ladies!

[@randyproctor3923]

This was genuinely so much fun to watch. I clearly am in the right field. Great content!

[@josephjamesfrantz]

These folks are doing a great job. I appreciate how even with your long videos, every word you say actually matters. I am learning a lot from you.

[@tech-daddy]

I Love your channel. I am not a full-time web-developer (did a lot of backend also), am not even a full-time developer anymore since 3 years. But all frontend stuff I built so far have mostly been pure JS with JQuery, combined with other pure JS libraries. The latest project is now following the same recipe together with Bootstrap 5.3 and everything is ES6 Modules and the build is managed with node and vite. Perfect.

[@crowdozer3592]

It's funny, I was job searching for react/next for a long time. I ended up with a Drupal/PHP job... and a lot of those sites use jquery. So this is actually relevant to me again 😂

[@porfiriodev]

Oh wow, someone who uses Drupal. I was forced to work with it last year and just hated it, but there simply was no other devs to work on that and I just had to lol. At least it was a team of 5 😅

[@Showmatic]

Ugh, we use Drupal at work (along with WordPress, Sitecore, and Ember) and I HATE working in Drupal.

[@illegalmexicain]

@@porfiriodev Just starting a project with Drupal.. after being on Craft :(... I already miss Craft

[@AlexanderWeixelbaumer]

I still remember JavaScript when jQuery was released. It was a mess and every browser did things differently. And then came jQuery and tried to bring them all on the same track, so that when you wrote code everything behaved at least more or less the same in all browsers without you, the web developer, have to code exceptions for specific browsers (I'm looking at you Internet Explorer 5..) And then JavaScript was upgraded implementing a lot of the features and standards that jQuery already providided. I still stay with jQuery, because for my applications it is enough fast and easy to handle without changes every year. Nevertheless I'm still a bit underwhelmed when it comes to new functions that 4.0 providedes.

[@victorpinasarnault9135]

Listening to this today, 9/02/024, looking at my first Java projects. What a nostalgia! :D

[@baka_baca]

I've done my share of jQuery dev. Honestly, it's not all that bad and you can set things up to feel somewhat more "modern" including more or less components (though not as "fancy" as React of course). I don't know, I wouldn't necessarily pick jQuery for a new project, but it's not the worst to use it for legacy projects

[@illegalsmirf]

why not use it for new simple projects? What is the advantage of verbose vanilla JS?

[@okie9025]

​@@illegalsmirfhow is vanilla JS verbose? It takes the same number of lines (if not less) to do the same things in JS as jQuery. jQuery is pretty much exclusively used in ancient legacy projects when JS was not as developed.

[@trapfethen]

@@okie9025I mean, just the difference between $('.some-class').click((el)=>el.parentElement.removeChild(el)) vs [...document.querySelectorAll('.some-class')].forEach((el)=>el.addEventListener('click', (el)=>el.parentElement.removeChild(el))) is fairly significant. Granted, you can get that with a simple one liner function, but you asked how vanilla JS is verbose. That is before you even start doing things like selecting a bunch of form elements, setting their values, and displaying the modal. It is certainly less of a slog than previously in Vanilla JS, but there are still things that jQuery just excels at. Would I use it for a new project? no. I have my own micro-library I pull from project to project that makes my workflow easy and effective, but jQuery is no slouch even by modern JS standards.

[@Zeedox]

@@okie9025 document.querySelectorAll(selector).forEach(elm => elm.addEventListener('change', e => console.log(e))) vs $(selector).on('change', e => console.log(e))

[@xeridea]

jQuery is great for those who want to have dynamic pages, but don't want the headache of fighting full JS frameworks to do anything non cookie cutter. Just straightforward code, you can do whatever you want. Not the best for everything, but it is definitely the easiest solution for many problems.

[@kishirisu1268]

Even monkeys can make JS frameworks. What type of heache do you mean? Using PHP+Apache is not a hadache? It was total nightmare to work and support.

[@georgehelyar]

​@@kishirisu1268 did you know you can use jQuery without also using Apache and php?

[@yellingintothewind]

@@kishirisu1268jQuery lets you do `$("foo")` and have it create a new element to insert wherever you want. Hard to beat that level of stupid-simple element manipulation.

[@scrung]

@@kishirisu1268what are u talking about? who are you responding to?

[@Dude29]

the voices in his head @@scrung

[@RafaelMilewski]

Finally jquery is built with Rust now 😂

[@trumpetpunk42]

I thought you were kidding, then I got to 11:33

[@ssshenkie]

Awesome coverage Theo, really made me appreciate the library again 👏

[@jspesh]

Thanks for reading the blog, i could never have done it myself

[@nenmeet]

I am pre JS framework era and only thing we had for responsive web app is jQuery! Its so good to hear that a new version is coming out 🎉

[@realbigsquid]

Jquery was so cool when it came out. 😂 I'm kind of nostalgic now.

[@user-hk3ej4hk7m]

Finally, my ISP provided router will be able to update to a newer jQuery version for the web management page

[@Dom-zy1qy]

jquery blog looks like it was built with jquery

[@readywhen]

branding baby

[@rulercostax]

and it looks so beautiful and simple

[@okie9025]

It has that distinct smelly/crummy look that other libraries like HTMX do. Definitely focusing on the specific group of web devs who hate their work lol

[@readywhen]

@@okie9025 smelly/crummy 🤣🤣 It's a very classic look, but only because it's a classic look -- not because it's nice design haha. But it's functional, so I guess "not nice" is just my opinion here

[@kishirisu1268]

When you see “jquery” in frontend jobs description in 2024…

[@fredbluntstoned]

Woo hoo! Finally a new release! Super excited!

[@elCamo12]

i love this, thanks for the vid!

[@PhilippBlum]

They are really aware of their responsibility and carefully adjust the browser support. Dropping IE 10 and older now makes sense.

[@justindodson5038]

This is my favorite video so far

[@dragonoha]

omg omg omg omg!!!! The joy is here

[@lifealliancegroup]

I'd fallen in love with J-Query ever since I first saw it, even before my first line of written Code 🥰, This is really Awesome news, thank you Sir, for this Awesome and extremely valuable share.

[@lenpalmeri6228]

This is great news! Can't wait for the movie to come out: "jQuery Resurrection".

[@Wignut]

This is the first video I have seen from this channel, but as someone who has worked front end before, he is not joking in how big this is. When working in a modern front-end Javascript workflow, it's almost EXPECTED that you use jQuery. Working without it is like programming in C when you have C# and C++.

[@ar_xiv]

I appreciate what jquery allowed me to do back then. I do not appreciate how it basically prevented me from actually learning javascript lol

[@MrThurobrand]

I do this for a living on a different scale. Thanks for this video.

[@Drogenelfe]

Thank you for this kind and positive video.

[@tanglesites]

I might pick up JQuery again. This is really cool!

[@Jessyco]

I love these things so much..

[@_abdul]

Massive Respect for everyone who contributed in this Release. jQuery is the textbook example of "Old is Gold".

[@languagelearningexperience6814]

Wow these guys need a medal

[@aaron7c]

LETS GOOO JQuery ftw

[@pedroserapio8075]

During IE7 times, this library saved me from a lot of troubles.

[@GrantImbo]

Man, this brings me a lot of fun memories.

[@pldcanfly]

jQuery started my javascript-journey. I suddenly was able to do so much with such ease, compared to how hard stuff was before that. It helped me get used to the syntax and special wierdnesses of js. So... yeah, jquery thaught me javascript.

[@wlockuz4467]

Finally some real innovation in this field.

[@Controvi]

always wondered how jQuery was still not updating. Loved using it years and years ago until I caught wind of the new Javascript ES6. Which basically removed jQuery from any project. Really looking forward to this release and seeing how they 'upgrade' the JS experience

[@ChristopherCricketWallace]

jQuery: keeping web dev sane, simple, and lightweight---like it used to be. God bless'em

[@thisbridgehascables]

It is surprising how jquery’s dependence has lasted. Yet, I still use it for small projects. It’s a great shorthand for things you want to do quickly just to get something running or interacting. I’m a Magento Developer and Magento or well Adobe Commerce relies heavily on jquery and knockout .. which is also a kinda old observer js framework, tie it up with requirejs and it’s functional but can become a bit messy.

[@maherf768]

I'm an old fella, I started learning how to update the DOM with plain JS... after a while I got introduced to jQuery and I was in love. it will forever have a place in my heart. and from time to time IK still maintain some old code that uses it.

[@ortoapp]

With HTMX and the whole movement of simpler UI's, imagine if jQuery came back from the dead and dominated once more. I think we all have a soft spot for it.

[@spicynoodle7419]

I have a project at work with HTMX and where I need client-only code I sprinkle some

[@okie9025]

HTMX is made for people who get confused by vanilla JS, and I think that says a lot. There is absolutely no reason to use HTMX or jQuery when vanilla JS exists. Why do people think they will get made fun of if they use vanilla JS? No, there is absolutely no reason to use HTMX or jQuery if you actually know JS and aren't just a backend dev pretending to call themselves full stack.

[@spicynoodle7419]

​@@okie9025 L take

[@dputra]

​@@okie9025 why work hard when you can work smart? You can get ajax and dom manipulation with just one line of htmx, even the line still fits the wordwrap 😂

[@robwalker4653]

@@silaspy-ff2ne All for less complexity and more maintainable readable code. At the same time we are balls deep into the age of frameworks for everything that most younger developers coming through rely on them so heavily they don't understand the basics. They can't make good design decisions because they don't have the basics. They find a problem and then look for a package or framework that can solve the problem, rather than using those tools when it's actually beneficial to have a dependency on code maintained by someone else. Then a new thing comes out that a KZbinr says is great and suddenly it's the new buzz and every starts using it.

[@JohnnyBigodes]

I dont understand all the hate JQuery gets. It was and still is an awesome tool, that can do most of the things modern webdevelopment need. Without JQuery we wouldnt probably have things like React, Vue, Svelte and so on. It was the beginning of everything and it was easy to use.

[@wiskasIO]

As the Owner of a jQuery powerhouse here in Mexico we're popping some Champagne to this news.

[@ZohoExpert]

EXCITING!

[@NoProblem76]

Kudos JQUERY!

[@chrisdaman4179]

I appreciate that this didn't feel like a sponsored opinion. More of this please :)

[@elephant_888]

Good stuff! 👍🏾

[@NestorCustodio]

As an early web developer with a slew of libraries I'd written to handle all sorts of cross-browser inconsistencies and things like modals and DOM manipulation, I was infinitely grateful for jQuery when it first landed, and I always read the release notes whenever an update would hit. I can confidently say jQuery's release notes have always been this comprehensive and well-written.

[@camstuart]

Good on you for covering this. Just because it’s not shiny and trendy doesn’t mean it’s not extremely important. Also, props for showing appreciation to open source maintainers that could have easily jumped ship to the latest fad

[@martijnb3381]

I think working with jQuery is like programming in C. You just work on the solution, nothing else. The solutions you make are fast and understandable for other devs. And have less dependencies and are done in less time, compared to using a ''stupid' framework. Dont get me wrong if you build a big JS project you probably will need a framework, because jQuery is just a very powerfull tool.

[@HumanoAI]

Yes, using ES modules (ECMAScript modules) in development can facilitate tree shaking for libraries after the project is completed. This is good because the old library had to be loaded completely even if you only used a small amount of functions. Now we can host only what is used locally. Anyone which to demonstrate how tree shaking or sliming down then library can be done currently? I’m not sure you can.

[@_caseyjames]

Long live jQuery!!

[@StarsOfMinecrafttr]

please dont...

[@temattcha]

Ew

[@genechristiansomoza4931]

Jquery is still easy to use. I dunno why other devs hate it for no reason. Haha

[@_caseyjames]

@@genechristiansomoza4931 They hate it because they get told to because they have 0 original thought. The same people will shit on Ruby On Rails for similar daft reasons. Best ignoring these types.

[@spicynoodle7419]

jQuery is the goat

[@luscasleo]

JQuery will ALWAYS have a place in the market

[@zwanz0r]

Curious how many beta releases and rc releases they will be needing. I think not many, because of the thought and hard work they're putting in

[@amigaworkbench720]

As a freelancer I do like JQuery. There are so many good stuff that just works. It's so easy to turn anything JQuery into Wordpress module. I don't care how old libs are as long it's fast to integrate and clients are happy. We all do remember sponsored trends where we should all use backend JS services and where PHP, JQuery and Wordpress are old and obsolete technologies.

[@gillesashley9314]

I miss the old days when Jquery was king and everyone was super chilled, no arguments over which framework is the best, no comparison over what works and what doesn't. Time flies indeed.

[@bennysh]

I use jQuery all the time, thanks for bringing this.

[@maxdon2001]

Great video!

[@caoutchouc-cc]

Jquery is must have for me.

[@rahulxcr]

Yeah.... well done jQuery. The legend is back.

[@DanielAbernathy]

Glad to see a new release, but I'm willing to bet that a vast majority of that 78% of the web running on jQuery is never going to upgrade.

[@maximofernandez196]

I just learned jQuery 4 days ago, literally in like 15 minutes and it's beautiful how it simplifies DOM manipulation. Beautiful indeed.

[@amitev]

JSF also got a new release recently :D

[@rawallon]

Oh this is the Jake I've been hearing about

[@kiasta1]

Now we're going to need an update to knockout.

[@afmikasenpai]

11:30 "works blazingly fast" jokes are now canon

[@timseguine2]

I think people really do tend to forget how important jQuery was in its time, and how much of the web still runs on it

[@nikpatil4551]

Somehow jQuery returned.

[@0zankurt]

Best one!

[@nico1337]

Minor correction, old Edge was not IE based. It used EdgeHTML

[@pastuh]

yesterday used, added discount generator button 😊

[@arian386]

well, now i am subscribed

[@browaruspierogus2182]

good news - vanilla js is already here )

[@davidmartensson273]

While I no longer use jquery in the current application, on the former one, even after spending a couple of years rebuilding most of the logic in react there still was probably a few thousand lines of jquery code still in use.

[@gatordog4329]

Any new project you'd use Alpine JS, but I guess for folks that gotta update the legacy...

[@brownrhythms]

Current client uses jQuery and its tech stack is so old it only recently moved on from Java 8. As long as new versions come out to patch security issues, I fully expect for them to continue to use jQuery. And yes, it is one of the biggest names in a market where an adult if not teenager has one of their products.

[@monsieurkeyboard]

guys we are back! and it's beautiful!!

[@MiguelVallejoPwnz]

This is good news overall.

[@marcsfeh]

The King of JS has returned

[@s0g]

I ❤JQuery

[@AlexanderBorshak]

jQuery is so COOL!

[@SkylerSaville]

Funny how most recent front-end devs have probably never touched jQuery. But a lot of us old timers cut our teeth on jQuery because writing Javascript 10 years ago was not very fun. I'm looking forward to trying out v4

[@georgebeierberkeley]

I don't know why hip tech bros dis JQuery. I use it every day and it sure is a timesaver. So much easier than that virtual-dom abstraction BS. Guess I'm just old. :)

[@timseguine2]

At least from my experience it is extremely easy to cause performance problems with jQuery. Back when I was using it in 2016 to develop CRUD applications you could easily run into situations that would just bring the browser entirely to its knees. That and since it is easy to use, it caught on with people who don't program as their primary occupation, so it got a reputation for spaghetti code and callback hell.

[@mokhosh]

"the most impotent thing on the web is probably the one that most of the web runs on still, is based on" you mean PHP? 😂

[@joeypouladi]

I don't know a ton about JavaScript. But what I do know is I LOVEE jQuery!!!!

[@XeonProductions]

I never had any problems with jQuery, I miss the days of simple web development before the SPA cancer took hold.

[@kishirisu1268]

I miss HTML sites, before JS cancer..

[@jaakkopontinen]

I miss nothing because it's all still here, build with what suits the work

[@precociousapathy]

@@kishirisu1268 Tell me more about what you have no clue about

[@franjomisetic5092]

believe it or not, this is huge news for me 😂