Great tutorial, although i was getting an error at the very last stage when we incorporate Leva: TypeError: Cannot read property 'getBoundingClientRect' of null Whenever i clicked the colour swatch selector is just exploded. I tried copying the code from github, and same issue :(
@amogelangmoatswi19184 күн бұрын
It's been a month now 😢
@auntie_alias6 күн бұрын
Hey! Loving this tutorial so far. Can you explain why you prefer "const fn = ()=>{...}" as opposed to "function fn() {...}"? You mentioned @6:47 that you prefer to use this syntax for functional components. I am always looking for perspectives on best practices for function constants, because it seems like everyone has their own preferences, and I am trying to figure out when to use each type, and why. Thanks!
@auntie_alias5 күн бұрын
Just finished the tutorial, great job! Thanks so much - you packed a wild amount of information into 71 minutes!!
@saidgouzal80137 күн бұрын
Thank you man!!
@lobo57278 күн бұрын
#clickthataddandcomeback
@jeffreedom2910 күн бұрын
Learned a lot from this, thanks bro! 😁
@mahmoud-khaled-abo-elmagd12 күн бұрын
video is awesome but how nodemon work in dev script with index.ts?? it was strange for me and even when i use it same like you didn't work
@Rookie_AI13 күн бұрын
How to add stay connected option?
@NOCDIB15 күн бұрын
I have to say thank you for this video because it helped me pass the coding interview for a new job. I had worked with Pytest for four months at my last job but it was trivial assertions. I watched this video to prepare for a timed, Pytest-specific coding exercise and, because of it, I was able to incorporate the raise and parameterize features to impress the reviewers. Thank you once again!
@aymenbachiri-yh2hd15 күн бұрын
Thank you so much
@emmanuelmathew559416 күн бұрын
not for beginners
@Shadel.18 күн бұрын
Bro, You are a king, This video is real tutorial, King! <3
@ABVenkatesh19 күн бұрын
Hello sir....where can i placed a svg file
@WilliamEllis-pv7rf19 күн бұрын
Thank you so much!!! saved me a tonne of time finding the best way to integrate stripe and clerk in to nextjs
@xgalen472520 күн бұрын
Straight to the point, short yet rich in information. Thank you!
@jirkaB_22 күн бұрын
Hello, amazing tutorial, but i have an issue: when i made change to any of props in motion component it wont rerender in browser any solutions?
@toblamabor707222 күн бұрын
In animations.ts the "onComplete" makes the navigation very slow, instead "onStart" looks good too especially for user experience
@LukeberryPi23 күн бұрын
great video! your sorting functon has a bug. the else if will never run because because it checks the same condition as the if if (dateOne.isBefore(dateTwo)) { return -1 } else if (dateTwo.isAfter(dateOne)) { return 1 } else { 0 } if date one is before date two, date two is always before date one
@Pywyoyuyp25 күн бұрын
Like my comment so I can come back and follow this tutorial 🎉
@alixhenriot57726 күн бұрын
You have no excuse now
@tech342525 күн бұрын
Loved the video. Thanks for this!
@ogs10225 күн бұрын
Just flawless
@yanngatignol912626 күн бұрын
Hey, love your tuto ! please more tutorial for framer motion, or course Im ready to buy
@stylem813229 күн бұрын
Thanks for the great content! Is it possible to use framer motion instead of gsap to achieve a similar effect while retaining SSR?
@elenamikhaylova5086Ай бұрын
forreal thank you for making an information rich instructional video and keeping so short and sweet. took me no time to duplicate
@elenamikhaylova5086Ай бұрын
pretty fire
@TenzDelekАй бұрын
i believe this could be done in an easier way using framer motion
@anasselaoufi7620Ай бұрын
beautiful content
@diogosoares1309Ай бұрын
Masterclass 👏
@rizqyhbbАй бұрын
YESSS!!! best practice tutorial, this is what I need. Thanks
@kapkansir4047Ай бұрын
Are is rsponsive?
@ImTheDotАй бұрын
.
@pulsechainalltheway1845Ай бұрын
Amazing video, this is nice.
@wulantsabita9843Ай бұрын
that rectangle going off screen is sending me lmao
@lmmcrashreviews3822Ай бұрын
when I render canvas somehow I get like a second view when I scroll down. I cannot find where it is called and don't know where it comes from... I realized it is when the <Canvas> has something inside is when this happens. Otherwise, I only see 1 page long html content.. I'm using Next.js
@johnpaulpineda2476Ай бұрын
Hello bro, can you remake this app with the latest clerk package? I feel like there is deprecated types and functions now in this tutorial.
@SolidWorksMastery-hr4sgАй бұрын
Thanks for the video it's great .... i was trying to replicate also the effect on the 'supabase' website in the "edge function" card the effect that look like an electricity passed or something ... i also see it in vercel website it's so nice but i think i should learn more on animation and svg before i can make it
@StephinmajuАй бұрын
Top notch 💯 legendary channel 💥💨
@carlosmorales8237Ай бұрын
Amazing, i have been wanting to do this effect for a while, thanks
@thedreamingtraveller8550Ай бұрын
Oh my goshhhhhh. This is amazing 🤩🤩. I really love this. I'm following you all the way 🎉🎉
@anxparaАй бұрын
if you've ever used getBoundingClientRect, you know that (by definition) it obscures any transforms affecting the element. that's why I created getActualClientRect, as well as Projectrix (for relating two elements in the dom). I added support for preserve3d and perspective a few weeks ago; next goal is to analyze performance and optimize both
@amogelangmoatswi1918Ай бұрын
🎨✨.. finally a new video
@charles10032Ай бұрын
Wow, I never knew 3d can be done like this with css!
Пікірлер
Really loved it... Quality 10/10
Great tutorial, although i was getting an error at the very last stage when we incorporate Leva: TypeError: Cannot read property 'getBoundingClientRect' of null Whenever i clicked the colour swatch selector is just exploded. I tried copying the code from github, and same issue :(
It's been a month now 😢
Hey! Loving this tutorial so far. Can you explain why you prefer "const fn = ()=>{...}" as opposed to "function fn() {...}"? You mentioned @6:47 that you prefer to use this syntax for functional components. I am always looking for perspectives on best practices for function constants, because it seems like everyone has their own preferences, and I am trying to figure out when to use each type, and why. Thanks!
Just finished the tutorial, great job! Thanks so much - you packed a wild amount of information into 71 minutes!!
Thank you man!!
#clickthataddandcomeback
Learned a lot from this, thanks bro! 😁
video is awesome but how nodemon work in dev script with index.ts?? it was strange for me and even when i use it same like you didn't work
How to add stay connected option?
I have to say thank you for this video because it helped me pass the coding interview for a new job. I had worked with Pytest for four months at my last job but it was trivial assertions. I watched this video to prepare for a timed, Pytest-specific coding exercise and, because of it, I was able to incorporate the raise and parameterize features to impress the reviewers. Thank you once again!
Thank you so much
not for beginners
Bro, You are a king, This video is real tutorial, King! <3
Hello sir....where can i placed a svg file
Thank you so much!!! saved me a tonne of time finding the best way to integrate stripe and clerk in to nextjs
Straight to the point, short yet rich in information. Thank you!
Hello, amazing tutorial, but i have an issue: when i made change to any of props in motion component it wont rerender in browser any solutions?
In animations.ts the "onComplete" makes the navigation very slow, instead "onStart" looks good too especially for user experience
great video! your sorting functon has a bug. the else if will never run because because it checks the same condition as the if if (dateOne.isBefore(dateTwo)) { return -1 } else if (dateTwo.isAfter(dateOne)) { return 1 } else { 0 } if date one is before date two, date two is always before date one
Like my comment so I can come back and follow this tutorial 🎉
You have no excuse now
Loved the video. Thanks for this!
Just flawless
Hey, love your tuto ! please more tutorial for framer motion, or course Im ready to buy
Thanks for the great content! Is it possible to use framer motion instead of gsap to achieve a similar effect while retaining SSR?
forreal thank you for making an information rich instructional video and keeping so short and sweet. took me no time to duplicate
pretty fire
i believe this could be done in an easier way using framer motion
beautiful content
Masterclass 👏
YESSS!!! best practice tutorial, this is what I need. Thanks
Are is rsponsive?
.
Amazing video, this is nice.
that rectangle going off screen is sending me lmao
when I render canvas somehow I get like a second view when I scroll down. I cannot find where it is called and don't know where it comes from... I realized it is when the <Canvas> has something inside is when this happens. Otherwise, I only see 1 page long html content.. I'm using Next.js
Hello bro, can you remake this app with the latest clerk package? I feel like there is deprecated types and functions now in this tutorial.
Thanks for the video it's great .... i was trying to replicate also the effect on the 'supabase' website in the "edge function" card the effect that look like an electricity passed or something ... i also see it in vercel website it's so nice but i think i should learn more on animation and svg before i can make it
Top notch 💯 legendary channel 💥💨
Amazing, i have been wanting to do this effect for a while, thanks
Oh my goshhhhhh. This is amazing 🤩🤩. I really love this. I'm following you all the way 🎉🎉
if you've ever used getBoundingClientRect, you know that (by definition) it obscures any transforms affecting the element. that's why I created getActualClientRect, as well as Projectrix (for relating two elements in the dom). I added support for preserve3d and perspective a few weeks ago; next goal is to analyze performance and optimize both
🎨✨.. finally a new video
Wow, I never knew 3d can be done like this with css!