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 :)
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!! 🙏🙌
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 !
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...
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.
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...
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.
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 ! 😃😄😄
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/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!
You actually saved me with this my beautiful person!!!
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 😄
I've been looking for a tutorial in react that filters the gallery with a smooth transition. Then luckily, I found this one!
Animation part starts at 32:00
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!!!!!!
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 :)
This was an excellent tutorial! The animation breathed new life into my project.
Was waiting for this one 🙌🏻🔥
Thanks ed!
First time to watch your whole video. I'm starting to learn React now. Thank you!
I will use this forever in my projects, thank you so much 🚀
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!! 🙏🙌
Your tutorials are awesome bro 🔥🔥🔥
I love the way you teach sir
Continue the great work :)
You're amazing man, really clean and calm in explanations 🥰
Hey there! Good to see you after a while, hope you are awesome
Thanks Ed! Your hard work has been of immense help. :)
Nice 😄
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.
Thank you so much. Loved your html and css course.
Thank you very much mr Edwan It was very Helpful keep going
Loved it please keep it up with react projects
Awesome video, helped a ton and the video was really simple to follow =)
The legendary Ed strikes again
So cool! Thank you very much for the very enjoyable tutorial!
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.
Amazing tutorial bro!
WTF! I really need this type of filter animation. Thanks Ed
Really cool, thanks for showing! 👍
Amazing video . Loved it.
I would like to see a Nextjs tutorial from Dev Ed 😎
Nice! Just what I need. Thanks
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!!
bro u saved me, reall nice video
Simply Amazing 🔥🔥
it really cool ! keep it up bro
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...
You are reading in my mind! Thanks Ed ;)
Simply awesome content
Greatest video in react example!
cool! its working really nice, how do you remove "ALL " and just keep the others.? thank you
You're really awesome Sir best one I've ever seen 😎👩💻
your react videos are the best
Thanks man. U are the best.
Thank you very much, awesome video
You are the best! Keep it going
very good i have implemented it on my products. i love it
Thank you so much. This tutorial really helpful to me!!!!!!!!!!!
OMG, I love framer motion :D
If somehow i'll stuck in desert and have only this video i'll never die of dehydration
This is amazing !!!
Thanks for this, really appreciated
Great tutorial 💕
Just Loved it🎖️💯
ez nagyon szuperul nez ki !! tudom , hogy tudsz magyarul , ezert irtam magyarul :D szuper amit csinalsz
Dev edd is the best 😭😍
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.
Nice vid. Subbed.
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
This guy is boon to us, appreciated 🔥
I'm only able to get a handful of data from the movies API, does anyone know how to cycle through the pagination and return more from the API?
Hope you’ll get 1M subs soon
Wow, nice job
what is your VS Code theme?
Thank you Ed !:)
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
How can I get the code please? I am trying to be super fast with a job in internship.
Good Morning, Ed
Framer motion is super powerful 🔥
I like your videos, especially with React
sir i used flex for card design and now my layout not working how could i set framer motion in flex
This is exactly the same concept I am doing and it is not working at all. I keep getting the glitched stretch animation instead
love your videos
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?
Thank you thank you thank you !
You are my savior
it was pretty helpfull man!
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!
Please continue doing React tutorials like these
Cool! Thanks
You have Succeeded to offend a monitor (Still 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.
thank you ed for this beautiii
I dont know how framer motion doing this but it just works and that's what I need 🤣😂
Excellent
Thanks for the video
26:00 btn's filter 30:46
Hi, can we use this motion for large array data, some around 2000 items?
Good stuff
You are Awesome!
Hi what is your vs code theme it seems cool !
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 😄
which theme you use for vscode?
hoe can i do this in situations where i do not want to hard code the filter button, but map through the data instead?
What is this vs theme?
awesome!!
thanks it help me out in project
I don't know why it's not working for me.
I have used layout props in parent and its child but it is not working like in video
I have followed the motion steps but it didn't work with me, is there any one faced the same issue and solved it?