Here we are, a few years later, and it seems to be abandoned.

u are using bem WRONG.

Nice vid, but how to do side scrolling>?

This is exactly what i was looking for. BIG W man, thanks a lot

wrong. what u told is wrong. this is not BEM. there is nothing in BEM like x__y__z. this is wrong.

It doesn't work for me :/

Hecc yea bro. No libraries needed

I was looking for this one, thanks !

The intro was epic XD paused the video to comment

Thank you 👍

Hands down one of the best tutorials I'ver seen for Parallax

Hi, hope you are doing well. I have a question, how can I set up my vsc to behave like vim?

is Recoil a compatible choice for a Next 13 project?

Hi requesting for a refresher on Recoil in 2022 together with use cases

Why the %y doesn’t yank everything to other apps?

can we use react query to fetch the data

while fetching data from server can we use react-query to get the data

Thanks for the video, You can use onScroll instead of eventListener to handle scrolling

Thanks. I was watching a previous video and they only showed atoms and it immediately gave me a bad first impression for the exact reason you showed at 4:42. Thanks for including the selectors in this tutorial.

great explanation

Thanks for this. It's exactly what I want, a simple React way to do parallax without libraries

👍👍

hei guys can someone explain to me when he said "when the components get unmounted" I'm a bit confused thanks

Better toturials than other 15 minutes long video explaining what is vim use case, thanks for this video! helped me saved a lot of time by just pointing out to the topic instead of talking nonsense for 10 min

6:00 - I’m with you 100% on BEM for the stated reasons, but curious: Earlier you mentioned ability to Ctrl+F the codebase to find the class. One issue I’ve encountered with using Sass & prefixes is that it gets in the way of this typically. Do you have a process for that or do you just failover to the manual search (i.e. It’s a “Card” so at least you know where to look) or should you just scrap & prefixes all together in order to preserve searchability? 🤔

Hours of searching paid off big time! This video is pure gold my brutha... just shared it in Discord

add { passive: true } to make the movement smoother! (just found out) useEffect(() => { window.addEventListener('scroll', handleScroll, { passive: true }); return () => window.removeEventListener('scroll', handleScroll); }, []);

it's still impossible to exit vim

Awesome explanation, simple and straight to the point.

Thanks, this video is the reason why I feel like cheating when I use react-spring to implement animations.

Hey you're right I didn't learn thank you

nice video ever

VERY NICE!

My like button turned black, not blue... I think I pressed it too hard

This was really helpful man. No BS. Straight to the point.

This is a great tutorial that helped me understand how parallax works. Only issue with it is that translation of elements will continue even when they are off-screen. I think a better approach might be to only apply the styles if the element is in the viewport (using intersection observer maybe) . You could also use Math.min() to remedy it a bit. This line for example would stop translating after 300px translation has occurred. transform: `translate3d(${Math.min(offsetY * 0.8, 300)}px, 0px, 0px).

Not working for me :( and im getting this warning: React Hook useEffect has a missing dependency: 'handleScroll'. Either include it or remove the dependency array react-hooks/exhaustive-deps any idea whats goin on?

Thank you for great tutorial! Would be nice if you made one with all the advanced features...

Awesome ♥️

Thanks for the great tutorial!

Thanks

Great video, thanks for that.

How a great video thank you! Well explained!

I need this pinned to my home screen. I didn't know DD put the line into the clipboard

omg u make it feels so easy!! i was using locomotive for this kind of parallax effect, but was not clear for me...this is more intuitive! thanks a lot

This is video right here, amazing.

This is one of the greatest tutorial I've ever seen. You explain everything so well that Even a newbie can understand everything....

the best way to present a tutorial, it saves you a lot of time. Thank you so much

Wat about performance

Perfect.