JQuery 4 BETA Released!

Recorded live on twitch, GET IN
/ theprimeagen
Become a backend engineer. Its my favorite site
boot.dev/?promo=PRIMEYT
This is also the best way to support me is to support yourself becoming a better backend engineer.
Blog link: blog.jquery.com/2024/02/06/jq...
By: Timmy Willison
MY MAIN YT CHANNEL: Has well edited engineering videos
/ theprimeagen
Discord
/ discord
Have something for me to read or react to?: / theprimeagenreact
Kinesis Advantage 360: bit.ly/Prime-Kinesis
Hey I am sponsored by Turso, an edge database. I think they are pretty neet. Give them a try for free and if you want you can get a decent amount off (the free tier is the best (better than planetscale or any other))
turso.tech/deeznuts

[@georgehelyar]

jQuery reducing size by 867 bytes, meanwhile node_modules at my work is 8gb and the front end devs think "this is fine"

[@v01d_r34l1ty]

Node definitely messed up by not having compiled modules. It's 8GB because it's straight JS source code (most of the time not even minified). Maybe future Node will use WASM for modules, but who knows?

[@ansellc3451]

Did you think the entire node_modules folder gets compiled?

[@markhaus]

How strapi reaches nearly 1GB by itself is just pure insanity, I genuinely don't understand how you can make npm package that big.

[@neoqueto]

Note that it's a reduction by (-867) bytes, not 867 bytes. Which means that the pull request is 867 bytes larger.

[@chyldstudios]

HTMX and now jQuery 4?!?! These are truly the end of days!

[@vighnesh153]

Let me guess, you are someone who has only done React / Javascript your entire life 😂

[@KimberlyWilliamsch]

​@@vighnesh153 😅

[@thisbridgehascables]

Yeah the end of bloated React and JS Frameworks.. we’re finally coming full circle to simplify development and stop over engineering a web app with thousands of files and packages to do something easy..

[@Pilosofia]

You mean the beginning. We reached the end of the cycle and we are now starting everything again.

[@Chiramisudo]

I think you mean the end of pain! 🤩

[@annoorange123]

I remember first learning about jQuery.. friend of mine showed that you can do accordions or modals in just a few lines (instead of 1000 lines in plain JS). Our minds were blown. Fast forward 3-4 years and everybody hated it. I have the same experience with React now

[@user-td7et3kf9g]

React is worse, atleast jquery made stuff easy

[@rake1840]

@@user-td7et3kf9g Yeah! I love direct Dom manipulations

[@thedavistheory7674]

Skill issue

[@Harold046]

Same here. Except I hated React right away, way before it became cool to hate React.

[@bear458ziif-s]

the only good thing to come out of react is jsx. i wish i had at least appreciated class components more in hindsight. there are too many abstractions now.

[@keyboard_g]

Php, JQuery, and Wordpress are interwebs OG still running the show.

[@electricshmoo]

PHP is forever

[@XDarkGreyX]

PHP stands for "PHorever PHP"

[@user-td7et3kf9g]

If you way Wordpress is an OG then you never worked with Wordpress.. It's one of the worst contributions made from the PHP ecosystem and the reason PHP got it's bad reputation.

[@freemanbeaz]

laravel

[@AelfricLake]

@@easypeasycoding Doesn't pay the internet points bills but it does overcompensate it on green ones.

[@MrTallAndy]

Web 4.0 - jQuery 4, Perl 6.0, Ultra FTP deployments 🚀

[@kevas777]

Killer of HTMX, React, Vue, Svelte etc. is finally here, 4.0 in beta.

[@jimmymac601]

Statement of the day.

[@einfacherkerl3279]

Statement Made by a drunkard!

[@Noam-Bahar]

He didn't even talk about them switching the minifier to SWC. jQuery is built with Rust!

[@sudeshryan8707]

Wt do u mean built with rust? There's a new js bundler written in rust?

[@bitwisedevs469]

7:46 agree, I consider myself lucky to be able to study and use old technology/solution in one of recent project my team is working on which still runs this modern world. It's funny since it even predates JSON, XML and my whole existence, I am really amaze on how optimized the data being transferred across the network. There is something into that solution that also shows how far we evolve in using technology but also at some point displays how convoluted and slow things have become in exchange of readability and convenience.

[@aidanbrumsickle]

This brings back memories of creating drop shadow images in GIMP, then writing js to create 8 divs around my element because neither shadows nor border images were supported yet. Good(?) times.

[@ThePrimeTimeagen]

Let's go!!

[@bepamungkas]

Slicing was actually paid better compared to coding back then.

[@ErazerPT]

Dear god, what have you done... you invoked "That-Which-Must-Not-Be-Named"... now all the monstrosities will be back.. i can already see Fireworks and Cool3D in the horizon... we are doomed... Sorry, still get PTSD from all the abominations i was forced to do in those dark days :P but hey... you worked with what you had to do what the client wanted. Ah well, guess i have to pay a visit to NeoCities and light a candle for all that passed away, before the web turned into a (consistent) process of cloning some "responsive" WP template. And a quick hop to CSS Zen Garden, to remember what should have been but never was. Conformity is the mind-killer...

[@SpaghettiRealm]

Using icons and animation as sprite sheet

[@KyleHarrisonRedacted]

Among all the angular, vue, blah blah blah, jQuery has always been apart of my kit for.. god, almost 15 years now, reliably working all the time without complaint or issue (the same cannot be said about much else in the front end space for me) Now that I’m knocking on HTMX’s door and jQuery getting a fresh 4.0, the future of front end for me looks like this: “as little to no JavaScript as possible, for everything else there’s jQuery”. I’ve been spending the better part of the past month, ripping and tearing away at the products in my portfolio, to achieve the goal of no more Frontend compiling with gulp/grunt/etc. looking forward to a future of just including my libs with a script tag again. And just the two.

[@keyboard_g]

He skipped where JQuery is built with Rust now.

[@DarrenJohn10X]

Yup, the BUILD step's tool SWC uses Rust. So you are technically correct.

[@albertoarmando6711]

I learned a ton about JS by reading the jQuery code back in the day.

[@et_matrix]

The same here fr

[@-Jakob-]

one of the best web tools ever made. I still remember the time from the previous millenium when you would do all of the layout stuff using nested in at least 3 seperate versions for Netscape, IE, and Safari as any other approach lead to an unmaintanable piece of work.

[@kmfdm303]

Most of my professional career has been getting websites to look good on each browser. I will never use a Microsoft browser ever again because of the worst browser ever invented IE5

[@3polygons]

I remember that pain. IE 5, IE6... nightmares. Always a CSS alternate sheet just for them. And way before, 1996, when tons of people in my country did not really know what was that "internet thing". No CSS, either... Maybe a lot of people around won't know what is (was) Netscape.

[@zearthus7089]

back in my days.... I use that approach when CSS and JavaScript not yet popular and not yet widely known :(

[@ExecutionSommaire]

I use 100% vanilla JS and so I can appreciate how jquery utilities made their way into native browser support

[@aazendude]

As a 35 year old man. I could not be more excited.

[@anj000]

2:24 some factories or other obscure things, still have ancient hardware and the only thing that is working on that stuff is like Windows XP with old Internet Explorer. And they are not allowed to touch that, because some critical program is running on that PC. Simply following "if it works, don't try to fix it". I personally was working as an IT guy in one such company, and it is very hard to update anything.

[@FLMKane]

Lol wat? Xp is new for those systems. I saw a building sized forge that was running DOS from floppies

[@bunpasi]

LVL 1 boss: - bottom: 0; - left: 0; - margin: auto; - position: absolute - right: 0; - top: 0; LVL 10 boss: - support IE 3 up to 8.

[@KayleLang]

I've been a hobbyist web developer for over 15 years. Mostly used web technologies to make my own personal tools. JavaScript was a nightmare 15 years ago. jQuery made it a million times easier for someone who didn't get into the ins-and-outs of JavaScript. I then tool a long break from JS because CSS became so much better. Also, frameworks became a thing (Ruby on Rails was amazing at the time). Coming back to JavaScript, it's unrecognizable. Things now work. It's a lot more like a functional language, which I'm really diving into now. While I don't need to be compatible with every browser beyond the ones I use, at least I know my code won't break in the future.

[@jfftck]

Back when IE was dominant, I created a printable form that was created using HTML and CSS; and it supported IE and Firefox, with Opera also printing correctly but was not officially advertised as supported. It was at this time that I found out that Firefox is the only browser that can make a table that has the tbody element scrollable with just adding CSS of overflow of auto or scroll.

[@ErikVanKelst]

Your closing statements are amazing as usual! I can't stop smiling now 😊

[@PieterWigboldus]

I build web sites / applications for 20 years, and before it was maybe hard to do things in that time, but i also love the time that things are hard, but also simple at the same time. I did many things without jQuery, it was fun to learn how to do animations with such little functionality. Also done a lot with jQuery, but only as addition for stuff that was too hard. But it is also very cool of you can do it without jQuery.

[@chrishoppner150]

I remember writing my own JS compat library to deal with the ludicrous differences between browsers and browser versions. Then along came jQuery and blew everyone's mind. It's honestly awesome to see they're still pushing the web forward. People may scoff at jQuery, but it's so foundational to the web it might as well ship with browsers by default.

[@anasyoussi514]

I still use jQuery to this day ✌️

[@wild_shaman]

Oh. Last time I was doing some frontend stuff it was jQuery 1.2, I think. As be dev I hate all these react/angular/vue bs. And I happy to see my old boy is still here.

[@DotNetDemon83]

This… does bring a smile to my face

[@MadalinIgnisca]

I had a Makefile to concatenate js files and minify them, and one master script that checked the browser and loaded the optimized version for it. This way I managed to load non-if-in-if-in-if one small js file.

[@NotAlegre]

That’ll also open the doors to many legacy projects to be updated. Pesky managers may be willing to try version upgrade rather than a complete port to the latest react framework

[@electricshmoo]

Yes, there ARE things other than React and HTMX. Glad to see he acknowledges it's value.

[@jorge.barcelos]

jQuery bro, my heart melts

[@ErazerPT]

Not a fan of jQuery because it was always too much for what i needed to do, but props for all the work they did that brought about enough reasons for many a thing to become "core". And you're right, people s**t on "old junk" too much without understanding that without it, their "new shiny" might not have even seen the light of day.

[@Taverius]

I'd rather work in jQuery than REACT tbh, but that's damning with faint praise, I'd rather get a colonoscopy than work in REACT. Unlike node-era "modern frameworks" jQuery is actually *good*. 😂

[@kabukitheater9046]

i remember using SIFR ( scalable inman flash replacement ) to use custom fonts lol. 2008 was tough

[@kmfdm303]

One of my friends had been working on security patches for old versions of JQuery. Like version 1.6. There is so much code out there running on these old versions.

[@minor12828]

Wr all love Jquery I will start using it again

[@weftw1se]

Those legacy sites are all running some ancient version of jQuery that is checked into their SVN repo though.

[@gladoseus]

primeagen with transparent hair looks dope

[@thingsiplay]

Tom is a Genius still optimized websites for IE6.

[@GhiveciuMarian]

YEY FOR JQUERY! My love!

[@emceha]

Old versions of IE are often used in business and corporate on very old and very important computers. Same with some schools

[@markhaus]

Considering how programming is so damn trendy I fully expect to see jquery come back in vogue sometime before 2030. And goddamn I’m having an existential crisis writing the number 2030

[@gosnooky]

I remember when jQuery first came out - until then, I used another early-aughts JS library that aimed to standardize JS between browsers called "PrototypeJS". I resisted converting to jQuery thinking PrototypeJS would stick around, but jQuery became the standard. PrototypeJS added methods to JS prototypes (as the name suggests), and at the time I didn't see that as a bad thing. Was I ever that young?

[@joetobacco]

It's 2024 and we still don't have a clean text outline solution in CSS. The stroke doesn't layer behind the text properly.

[@deez_dev]

How did you screenshot and edit the image so quickly?

[@ronny332]

jQ was never dead, just because everyone is using huge frameworks. it's still ideal for fast and quick tools, mostly because the commands are just fast and usable wrappers for different JS features that are over complicated to use. I like the news.

[@januzi2]

Rounded corners in the IE6 were a nightmare. I would spend 3 or 4 hours making a template for the browsers, and then a week to make the template look the same in the viruses installer.

[@blkgames1447]

What is the story behind blue hair? Did you get a rust job?

[@ryanleemartin7758]

The Dinosaurs roam again! LET'S GO!

[@andrewcrook6444]

I remember just getting an element via JavaScript was different on IE from Netscape.

[@ivaniliev93]

What?!? I did development before JQuery is that still a thing?

[@mangalegends]

I'm curious to know, how many sites that still use jquery will update to this new version. I used to work at a place that almost didn't want anyone to update anything ever. I say almost because they finally stopped supporting IE last year

[@thekwoka4707]

Probably 5. Nobody using jQuery is aware of updating things. Tons of actually jQuery online is like 1.2

[@mangalegends]

@@thekwoka4707 Wow you're not kidding. I found some sources that say that as recent as 5 years ago, 80% of all websites that use jQuery were using jQuery 1.X. Luckily it looks like today that number is down to 27%. Still crazy though lol

[@zearthus7089]

mostly WordPress user or other PHP CMS still use JQuery which has a large number.

[@mxlje]

The size reduction is already impressive on its own, but multiply that by 75% of the worlds traffic and the savings are wild.

[@burhanbudak6041]

jQuery?! At this time of year? At this time of day? In this part of the country? Localized entirely within your project stack?

[@mehdiyahiacherif2326]

green hair = more screen real estate for us !

[@apollolux]

I'm one of those poor unfortunate souls who raw-dogged XHR and CSS hacks for IE5/6/7 and Firefox 1/1.5 in 2006 for my company's website before jQuery really took off. Add to that the fact that early in 2007 or so I started using an Intel MacBook Pro as my daily driver and dev computer, so I had to also convince my boss at the time that Apple Safari (pre-iPhone, BTW) and the fledgling Google Chrome were gonna need to be supported by whatever attempts to future-proof the site design refresh I was making. I've never been more correct about a tech trend prediction in my life, even when I was trying to convince a later boss about mobile-friendly responsive design in 2013. XD

[@AScribblingTurtle]

This sounds excitng. Fun fact about me. A decade ago, I was strictly against using any kind of library and framework. JQuery was the thing that kind of convinced me, that this was a stupid mindset to have. At the time, it was way to usefull and time saving to not use. Now I wonder how well a mixture of HTMX + jQuery would work. Can you create an HTMX Element via JQuery? Would it work to load JQuery.ui elements via HTMX on the fly? Got to test that later, just for fun.

[@laughingvampire7555]

some people don't have the option to abandon IE10 because it is used to run apps in stuff like ATMs

[@mevsmrmagooarmy3698]

7:00 - lmao...you forgot to mention drag'n'drop back then. Wow, lost 4 months of my life that I will never get back...🤣🤣

[@FunDumb]

Now that's what I'm talking about!

[@FunDumb]

Learned this in school 2010.

[@JustMe-hv5re]

In the early day you didnt have styling if you wanted to theme a site you had to run it through the dll thatwas serving ylthe html to swap out all the img tag references to the folder for the theme you wanted to use and then serve the page. If you wanted round buttons you first ceated them independently and then it evolved to uaing sprite that contained all the different corners for the rounded wdges you wanted to do. I been in the industry since the corporation inception. Tons has changed. I literally was doing my own client side grida with xmlhttprequest before any libraries existed. No json i would make up my own formatting for it.

[@LusidDreaming]

I remember when jquery went out of style bc "its too large of a dependency." Fast forward 10 years of react and now its one of the smallest JS libraries available (alongside left pad)

[@electrolyteorb]

Flip is such a menace

[@chad-ed2vn]

Flip deserves a raise

[@peterszarvas94]

A lot of windows servers still use IE where I worked

[@WinstonCodesOn]

Long live the JQuery!!!

[@N4pthor]

Thanks, you took and article that takes 30 seconds to read and made a 10 minute video! Influencers are really useful to society /s

[@DarrenJohn10X]

You made a reaction comment to his reaction video about a non-React announcement.

[@mitkram99]

jQuery never dies

[@thomac]

Do you guys remember prototype and mootools?

[@jonashansen2512]

Should say “not my.. Roadhouse” instead of “not my wheelhouse” 😂

[@Gennys]

People forget that the DOM wasn't a concept back in the day.

[@anuragbishnoi3208]

Would love your opinion on "blazor".

[@sudeshryan8707]

Asp net project types are is overly complicated

[@iredoxtech7104]

Here we're again

[@replikvltyoutube3727]

jQuery 5 PogChamp

[@ckronenwetter]

Wow, if I had had Jquery I wouldn't have given up on web development. Just mentioning the browser if statement again trigged PTSD.

[@ThisGuyRocksLikeCrazy]

As a former UI developer who worked with Angular 1 last, I absolutely hate the new JS frameworks for doing personal projects. They all require to work with npm, yarn, webpack, etc. Sometimes I just need to make a very simple interactive page very quick without unit tests. Jquery is great for that. The modern frameworks are great for enterprise applications or apps that are medium sand more in terms of complexity.

[@cornheadahh]

Who's flip?

[@KemalAhmedIsAwesome]

Bootstrap still uses jQuery. If you're using bootstrap you're using jQuery even if you're using bootstrap react

[@webdeveloper917]

Bootstrap 5 doesn't use jQuery anymore.

[@BaptistPiano]

Also, that’s not true you don’t use jquery if you’re using bootstrap react since it replaces bootstrap’s js

[@Cvar00]

JQuery walked so ES6 could run and for that I'm grateful

[@JP-hr3xq]

JQuery is the PHP of the frontend

[@erniea5843]

There may be a higher quantity of sites that use jQuery, but that doesn’t mean that’s where the majority of actual daily traffic is going.

[@yahi06]

man now i want to build a laravel project.

[@slawtul]

Thanks to this library I had less gray hairs

[@maximofernandez196]

I just learned jQuery. I love it. Fuck frameworks, embrace $

[@rickdg]

Mastodon mentioned! +3 follows

[@FreaKzero]

i laugh so hard now... used jQuery I THINK ... 2007 the first time ? Mostly (!) because of ajax with IE9 back then - as also the really good plugin system HTMX and Jquery comes again in 2024 ... man thats funny and somehow awesome at the same time Will we also see a new Backbone now ? XD

[@ziv132]

Htmx + jquery + tailwind with a go backend

[@DarrenJohn10X]

Nobody's ever really gone. Not even jQuery.

[@s1v7]

React, Angular, Vue - they all will pass away, jQuery will stay forever! 🤣

[@bhavyadhiman1096]

but express 5 is still in beta

[@greggschofield142]

I love you 🎉

[@froggy3496]

I thought JQuery was a CLI tool to query jsons

[@j01237]

Great, hopefuĺly no need to keep editing source code to be CSP compliant

[@BaticProgramer]

Why did you paint your hair?

[@erictrinque6513]

Flip dun giv a fuq bruh 🤸‍♂

[@zwanz0r]

What do you mean it was hard to get round edges? Just use a little bit of actionscript 3, whats so hard about that?

[@FredoCorleone]

JQuery is less hated than React.

[@maximofernandez196]

and Bjarne Stroustrup's famous phrase doesn't hold here

[@kennyslabs239]

jQuery is much much better than any modern """framework""". It's simple and does the job in a non bloated manner. I've worked on a tons of projects with angular and react and they all are overbloated and eventually unmaintainable. Hell, we need an 8 core CPU to have pages working without slowing down your browser... _change my mind_

[@SpriteXP]

I expected some of HTMX's features, maybe 5.0 will do that.

[@fwdflashwebdesign]

I come from the IE8 era, it was a nightmare...

[@_reidark]

People talk a lot about abstractions in frontend in modern days. Well, jQuery proved to be the best one.

[@einfacherkerl3279]

Reading the comments make me feel like 2004 where people are so excited about jquery version 4. Wake up people. It's 2024.

[@samuelschwager]

jquery is the goat