I primarily talk about HTML/CSS/JavaScript, React, Node, interviewing, Algorithms & Data Structures, and other stuff like that. I try to teach in a way that doesn't make you want to smack your face against your keyboard 🙂
Great explanation and breakdown of the code. Straight to the point, which is great for those of us who are not absolute beginners. Keep up the great work
Am I the only person that has issues with AnimatePresence leaving "ghost" components in the DOM? The transition will take place and then the element just stays in the document flow - it's very obvious when it's in an iterated list. Tends to happen a lot on mobile I've noticed
Great stuff!!! A quick 2c is (and admittedly, I don’t much care for Tailwind), for some of the basic apparition stuff I wonder why not to use some CSS classes that can be toggled on and off to go forward and backwards? A downside would be the separation of concerns with mixing animation between css and framer, I guess. Also you need framer to update the other Todo in the list. Still, it seems like so much code inside of one <Todo> component that already takes 6 props and then we add some more internal state. Purely a gut feeling since this is awesome and obviously works! Super challenge could be adding an Undo capability to put things back here they were and re-expanding the list. Would it work if we broke the animate function defined in the useEffect out into its own? Thanks for the video!
Great, great, excellent tip for me!!! I am so inspired. Thank you. Those classic jQuery animations were always a missing part for me while I'm working with react. Thank you very much.
Working on one now!! 😁 Going to be a pretty long course, so will be a couple of months before it’s out. I’m going to put a waitlist up in the next week or two though!
this was really easy to understand and follow along video! But I'm having a hard time understanding how your handleDragEndFunction knows what column the card is being dropped into if you never passed it?
I saw this video after trying to understand from the docs. And I must say, you did commendable job explaining in a very simple manner. Kudos to you, man! And keep making such awesome videos
@@tomisloading thats why i missed it 😀 love you framer videos and they are vital for me as a framer motion user. I will wait for locomotive scroll 👌 cause i am needing of it 🔥
Hi Tom! I implemented this in my current nextjs project. Somehow if I call the sleep function before removing the 'page-transition' class, it doesnt navigate to the page I clicked on immediately (which is what its supposed to do since we setTimeout to 500ms), but the previous page is still being displayed by like 2s before the page that is clicked on shows. But when I removed the sleep function after router pushes to clicked href, it worked. could this be a nextjs bug? or I'm doing something wrong? This only happens when I refresh the page and quickly navigates to other pages.