I am a very beginner in de programming world. I watched a few video's on youtube from people, but I could never really understand what they were saying. My complements to you. I really understand what you were explaining and find it easy to follow. Keep it up!
I grew up as a developer learning with you and today I just came for the fact if you are using library or some fancy vanilla stuff I don't know yet. Thank you Ed :)
Movie DB must have updated their API design for v2 since even on their own site it runs into 503 > CORS issue when you test it on their interface. I bumped up the game by setting up a next.js app with a router and a controller to set up a CORS policy and am using it as a proxy which works just fine. Alternatively you may try to set it up on headers as a CORS configuration item but it is definitely not the right way to declare it is not a browser request to bypass the policy. I loved the animation part by the way. Thanks for the great effort.
Hey i have a problem. Once i change div to motion.div i got error - Warning: Invalid hook call. Hooks can only be called inside of the body of a function component... once i do something with motion its not working :( ! help !
Your explanation is so simple, smooth and playful. I didn't even felt anxious to getting everything right. Everything felt so easeful and fun. Thanks for your tutorials. And you introduce me to framer motion. So, thanks for that!! 🙏🙌
Why does my animation feels so slow? Edit: The problem was I was using svgs instead of png. I suggest never use svg since it slows down the transition. I was basically here just for the animation part. I hope this helps someone.
Hey Dev, I used this same technique for my job board and it worked wonders for allowing filters to sort by location, category, etc. The only issue is that the home screen (the first screen you see ) is not all the jobs (or movies in ur scenario). I'm puzzled, as the state is set to 0, and 0 is suppose to be the default to just show all. Any help here would be huge...
Great and informal video! Could you make a video tutorial where you're not using an API to retrieve the data for this same functionality with filtering the categories?
Hello Ed, can you please make a tutorial or a paid course on how to integrate a JS code into wordpress. Because sometimes the code doesnt work, even though you are using plugins to insert it...
if import { motion } from "framer-motion" has a bug troubleshoot that with import {AnimatePresence, motion} from "framer-motion/dist/framer-motion" it works fine for me! Thanks for the tutorial. Ed, not simplified ! 😃😄😄
Unfortunately this doesn't work properly for me, there is a sudden jump on page load and also the cards have a weird springy effect framer-motion v6.2.8
And i figuered it out, my css transition was set to all 1s which was the culprit. I specified the properties background-color and box-shadow which i wanted to animate and it is fixed now.
![เปิด อาณาจักร หมื่นล้าน "สาระตั้ม" l [Nickynachat]](http://i.ytimg.com/vi/3XE0nPF4YkQ/mqdefault.jpg)
I am a very beginner in de programming world. I watched a few video's on youtube from people, but I could never really understand what they were saying. My complements to you. I really understand what you were explaining and find it easy to follow. Keep it up!
Animation part starts at 32:00
I've been looking for a tutorial in react that filters the gallery with a smooth transition. Then luckily, I found this one!
First video I watched by you, I love how easygoing you are with your tutorial. I am a beginner and I could follow along really easily. Subbed.
yess same here!!
Nice 😄
React Tutorials are the best. Also would buy another React Course from you, please !!
The way you taught in video I really liked it. Every step very much cleared. Thanks for all support!!!!!!
This was an excellent tutorial! The animation breathed new life into my project.
I grew up as a developer learning with you and today I just came for the fact if you are using library or some fancy vanilla stuff I don't know yet. Thank you Ed :)
Was waiting for this one 🙌🏻🔥
Thanks ed!
Movie DB must have updated their API design for v2 since even on their own site it runs into 503 > CORS issue when you test it on their interface. I bumped up the game by setting up a next.js app with a router and a controller to set up a CORS policy and am using it as a proxy which works just fine.
Alternatively you may try to set it up on headers as a CORS configuration item but it is definitely not the right way to declare it is not a browser request to bypass the policy.
I loved the animation part by the way. Thanks for the great effort.
Hey i have a problem. Once i change div to motion.div i got error - Warning: Invalid hook call. Hooks can only be called inside of the body of a function component... once i do something with motion its not working :( ! help !
Never mind me somehow i two node_modul folders. Great video thanks!!
I will use this forever in my projects, thank you so much 🚀
You actually saved me with this my beautiful person!!!
I love the way you teach sir
Continue the great work :)
I would like to see a Nextjs tutorial from Dev Ed 😎
Your explanation is so simple, smooth and playful. I didn't even felt anxious to getting everything right. Everything felt so easeful and fun. Thanks for your tutorials. And you introduce me to framer motion. So, thanks for that!! 🙏🙌
Thank you so much. Loved your html and css course.
First time to watch your whole video. I'm starting to learn React now. Thank you!
Your tutorials are awesome bro 🔥🔥🔥
Thank you very much mr Edwan It was very Helpful keep going
WTF! I really need this type of filter animation. Thanks Ed
Loved it please keep it up with react projects
Hey there! Good to see you after a while, hope you are awesome
You're amazing man, really clean and calm in explanations 🥰
Nice! Just what I need. Thanks
Amazing tutorial bro!
If somehow i'll stuck in desert and have only this video i'll never die of dehydration
Why does my animation feels so slow?
Edit: The problem was I was using svgs instead of png. I suggest never use svg since it slows down the transition. I was basically here just for the animation part. I hope this helps someone.
bro u saved me, reall nice video
So cool! Thank you very much for the very enjoyable tutorial!
The legendary Ed strikes again
Thanks Ed! Your hard work has been of immense help. :)
Nice 😄
Greatest video in react example!
I dont know how framer motion doing this but it just works and that's what I need 🤣😂
Hey Dev, I used this same technique for my job board and it worked wonders for allowing filters to sort by location, category, etc. The only issue is that the home screen (the first screen you see ) is not all the jobs (or movies in ur scenario). I'm puzzled, as the state is set to 0, and 0 is suppose to be the default to just show all. Any help here would be huge...
Framer motion is super powerful 🔥
Great and informal video! Could you make a video tutorial where you're not using an API to retrieve the data for this same functionality with filtering the categories?
Yes please, such as a card
OMG, I love framer motion :D
cool! its working really nice, how do you remove "ALL " and just keep the others.? thank you
Really cool, thanks for showing! 👍
Thanks man. U are the best.
Amazing video . Loved it.
oh man, your video was really astounding, you help me a lot thanks. You get a new follower. Fácil y muy bien explicado, really easily.
very good i have implemented it on my products. i love it
Awesome video, helped a ton and the video was really simple to follow =)
Hope you’ll get 1M subs soon
Simply awesome content
Thank you very much, awesome video
what is your VS Code theme?
Thanks for this, really appreciated
your react videos are the best
Hello Ed, can you please make a tutorial or a paid course on how to integrate a JS code into wordpress. Because sometimes the code doesnt work, even though you are using plugins to insert it...
A problem I had recently was a caching plugin was preventing jQuery from loading
@@Charlotte-jm3ce Thank you!
You are reading in my mind! Thanks Ed ;)
Thank you so much. This tutorial really helpful to me!!!!!!!!!!!
Wow, nice job
it really cool ! keep it up bro
Please continue doing React tutorials like these
You are the best! Keep it going
Good Morning, Ed
Simply Amazing 🔥🔥
Thank you thank you thank you !
Looks like filter almost like: isotope metafizzy
Thank you Ed !:)
This is amazing !!!
I like your videos, especially with React
This guy is boon to us, appreciated 🔥
26:00 btn's filter 30:46
Dev edd is the best 😭😍
ez nagyon szuperul nez ki !! tudom , hogy tudsz magyarul , ezert irtam magyarul :D szuper amit csinalsz
The animation seems sketchy sometimes, could be by the fact that i fetch new data every time I change category, or react develop double render?
Nice vid. Subbed.
You're really awesome Sir best one I've ever seen 😎👩💻
Great tutorial 💕
if
import { motion } from "framer-motion"
has a bug
troubleshoot that with
import {AnimatePresence, motion} from "framer-motion/dist/framer-motion"
it works fine for me!
Thanks for the tutorial. Ed, not simplified ! 😃😄😄
Hi Ed! For tags You could use VS Code extension 'Auto Rename Tag'.
Nice 😄
Cool! Thanks
How can I get the code please? I am trying to be super fast with a job in internship.
Thanks for the video
thank you ed for this beautiii
Just Loved it🎖️💯
sir i used flex for card design and now my layout not working how could i set framer motion in flex
thanks it help me out in project
You are my savior
Excellent
You have Succeeded to offend a monitor (Still love your videos)🤩
it was pretty helpfull man!
This is exactly the same concept I am doing and it is not working at all. I keep getting the glitched stretch animation instead
please, more react stuff
Good stuff
Please show in one of your coming tutorial how to do two animation in one html file using css
Thank you .
love your videos
Unfortunately this doesn't work properly for me, there is a sudden jump on page load and also the cards have a weird springy effect framer-motion v6.2.8
And i figuered it out, my css transition was set to all 1s which was the culprit. I specified the properties background-color and box-shadow which i wanted to animate and it is fixed now.
Hi, can we use this motion for large array data, some around 2000 items?
Tbh this entire video could have been done under 3 minutes seems very streched out. The actual animation part started around the 35 min mark.
Patience Paduwaan [--insert Yoda emoji] 😅🤣😂
@@abdu1wahid105 muslims stay away from Hinduism way of life don't talk about yoga
Thanks
Hi Ed, where di dyou find the first half of the url to append the API's second half to? Or does anyone else know? Thanks
Hi what is your vs code theme it seems cool !
You are Awesome!
Why dont you teach? You would be a great teacher.