Just spent 30+ hrs on an error that was due to using flatMap instead of map.

I feel stupid!

Pro Tip: Never try to learn Spring without learning java properly.

💧

There was a 1 second delay when loading images on home page with a bunch of hot model babes in a masonry grid

Why? 💧💧

Maybe pagination is fucked. Lets reduce it from 100 per page to 10.

Still same shit.

What do you think why this could be?

Comment below 👇 right now

(The images im loading are just dummy images from unsplash)

I tried using rxjs. Observables. Flatmaps. Custom array push. Array loop. Change detection to update UI. Chatgpt.

Nothing

Every time i switch tab and come back then theres another second of delay with blank page before content appears

Wtf???

Turns out -- unsplash api was returning me 6K to 8K Fucking images. HEAVY. HEAVY FUCKING IMAGES. and i was apparently displaying 6000x8000 px images, 20 times per page. Thats a lot of fucking pixels! I reduced it with ?w=500 in unsplash api at the end and magically there is no delay now and everything works in an instant.

Fuck off