DEV Community

Discussion on: My React.js Library Bookmarks

Collapse
 
stlnick profile image
Nick

I’ve used recently and really like both Framer-Motion and Formik. Framer-Motion is easy to get into; very intuitive. Formik has a bit more of a learning curve but comes with some really nice built in features.

Collapse
 
nefejames profile image
nefejames • Edited

Hi Nick. I'm trying to use framer-motion with Formik, but it doesn't seem to work by just doing <motion.ErrorMessage/>. How did you make them work together?

Collapse
 
stlnick profile image
Nick

Ya know I’m not sure if I actually used them on the same project...

My recommendation though would just be wrap whatever element you want to animate in a motion.div. Just make sure there’s no additional margin or padding on it - that will mess up your layout quick.

Thread Thread
 
nefejames profile image
nefejames

That makes sense. I'll try that. Thank you

Thread Thread
 
stlnick profile image
Nick

Absolutely, man. Lemme know if it works or not and I can try to mess around with it more to try and figure it out.

Thread Thread
 
nefejames profile image
nefejames

Will do. Thank you

Collapse
 
michaelgee profile image
Michael Gee

I am actually implementing framer/motion for the first time on my personal website as we speak! Having a good experience with it so far 👍

I have not used formik yet because I went for react-hook-form for its hooks approach and have not had a need to switch away from it yet.

Collapse
 
stlnick profile image
Nick

I’ll have to give react-hook-form a shot, haven’t messed with it yet. Always easier to try something when someone recommends it.

Collapse
 
hyggedev profile image
Chris Hansen

Framer motion 👍 So fun, great docs, intuitive and easy to use.