r/ProgrammerHumor • u/soap94 • 2d ago

Meme ancientTools

Post image
5.8k Upvotes

96% Upvoted

387 comments sorted by

View all comments

Show parent comments

79

u/grimonce 2d ago

This has never been an issue with jQuery lol

17

u/uniqueusername649 2d ago

He means the script is loaded and run before the DOM was rendered. Bit of a stretch calling that hydration, because you usually only would call it that if the HTML was prepared via SSR or SSG, not if its a fully static HTML from the start. And even if it would be applicable, its not about the rock not having been hydrated yet but it not having rendered yet, so the "hydration" fails because of it.

26

u/brqdev 2d ago

We use onload/ready event and put JQuery code inside, so the JQuery code will run when the page is ready

4

u/SolideMeinung 2d ago

The funny thing is that these "real js developers" dont even know how to make that onload function on their own.

It war crafted by these old jquery wizards to always work and this knowledge was lost with the introduction of crapjs

1

u/ExtraWorldliness6916 2d ago

It's not lost, .onload or event listener. Of which there are 3 events and some are not "ready"

2

u/SolideMeinung 2d ago

Nope its not just onload or eventlisteners. The ready function of jquery has some corner cases.

Like the first and best one.... when everything is already loaded and ready just fire it.

A lot of people do miss that. Its funny how js developer have so much trouble reimplementing the jquery ready method because they think its easy.

1

u/ExtraWorldliness6916 2d ago

I was referring to DOMContentLoaded. O I was a bit cryptic but I mean that there are multiple ways to match the lifecycle. Still I'm probably, it was a long time ago

1

u/SolideMeinung 2d ago

Even DOMContentLoaded is not a drop in replacement.

1

u/sixtyhurtz 2d ago

Isn't window.onload the modern vanilla JS replacement? If not I'm interested to hear what the differences are!

1

u/SolideMeinung 2d ago

The ready function of jquery is implemented here: https://github.com/jquery/jquery/blob/main/src/core/ready.js

1

u/sixtyhurtz 2d ago

OK, so it wraps it in the JQuery error handling and also catches the case where the script is run when the DOM is already loaded - so DOMContentLoaded would not fire in that case I guess?

And actually thinking about it, onload waits for big resources like images. So it's nicer to have event handlers attached before that.

1

u/SolideMeinung 2d ago

See thats what i mean with my initial post.

→ More replies (0)

1

u/ExtraWorldliness6916 2d ago

jQuery docs states that it serves a similar purpose, good enough for me