Add FadeIn[Direction] and BounceIn[Direction]

[lmuller18]

Features

• Add FadeInLeft
• Add FadeInRight
• Add BounceInLeft
• Add BounceInRight

Fixes

• Update reveal-animations.ts to use the defined enums in createGlobalStyle

Updates

• Update example to reflect additional animations

[kitze]

@lmuller18 thanks for this. I want to discuss it for a sec. The react-animations package has too many animations, and maybe people would want to use animate.css class names, or their own animations. I'm wondering how can we modularize the react-animations animations, remove styled-components dependency, and make everything optional. Any ideas?

[lmuller18]

I think that one solution would be to bring in animate.css and continue to export the four main animations (for ease of use). This would allow users to either use one of the four predefined animations (animation={Animation.FadeInLeft}) while also allowing them to pass in any animate.css class string (animation="fade-in-left-big") without having to define an enum for each one. This would remove the need for styled-components and react-animations while still having the same outcome and without making the user bring in animate.css as a css peer dependency. This approach would also still allow users to pass in their own class string for any animations that they already have defined within scope as they can now.

Let me know your thoughts on this. I think this is just one approach that can be discussed.