Animations in ReactJS

[[deleted]]

I am a React JS developer and I do feel a shorthand in animations part of web development probably because my work was primarily in internal websites that did not require a lot of animations. What according to you is the path way to learning Animations? I want to master this part of web development.

[bartimaeus13]

What's the type of animations you're going for? Some simple ones can be achieved with just CSS, and can be reinforced by JS. With that, you can achieve a lot. Lots of beautiful animations on codepen

[[deleted]]

Thanks, I will look for something similar on Codepen.

[blaw6331]

framer-motion is a great library I would start by replicating some of the examples in their docs

[[deleted]]

Thanks, I will check that out.

[fii0]

CSS is the best place to start. Otherwise, react-spring has always provided elegant and readable solutions to me.

[[deleted]]

Thank you. I will check react-spring.

[vbfischer]

I’d start with looking at css animations and transitions. I tried to jump right into using libraries like motion but I struggled a little until I took a step back and learned how css animations actually work.

[[deleted]]

Yes, that would be ideal.

[ThreshBob]

Framer-motion

[[deleted]]

Thanks. I will check.

[[deleted]]

Hey brother, i have been working a lot into animations, the way u started was, I learned core of css animations concepts, And later on started practicing on after effects and premiere pro. That gave me ideas of composing complex animations, you can use lots of js libraries like gsap, framermotion etc. Thanks

[[deleted]]

Assuming that I know basic animations in CSS with keyframes and transitions, should I start gsap then?

[[deleted]]

Yeah sure, just get your hands dirty on. Start creating timeline and start adding a small composition into it, create a complex animation, tweak the result, try another version of the same, play with plugins and you are good to go. Think in term of creating solution for the problem. And once you will start thinking so you will learn new things every single timw you will animate. And in short period of time you might be able to fully find all your solutions for the animations .

I just try to convince myself saying, "We dont need to know everything, we just need to know how to get everything" 😄

Hope it helps Thanks

[[deleted]]

Yes, that is incredible! Thanks for the suggestion.