Jazz Up Your React Site With Animations
HELLO! 👋
The Technical Evangelists of Sitecore
WEB ANIMATIONS
THE ILLUSION OF LIFE ON SCREEN
ALTERNATIVES TO JS ANIMATIONS
GUIDELINES TO USING ANIMATIONS 👍💯
THE “👍💯” ANIMATION TEST
WHEN TO QUESTION ANIMATION 🤷
THESE ARE GUIDELINES, NOT LAWS
LET’S CHECK OUT SOME EXAMPLES
MICROINTERACTION ANIMATION
PIZAZZ ANIMATION
ANIMATION LIBRARIES
CHOOSING A LIBRARY
CHOOSING A LIBRARY
NAVIGATION ANIMATION
REACT REVEAL
REACT-REVEAL >> OVERVIEW
REACT-REVEAL >> PROS
REACT-REVEAL >> USE-CASES
DEMO - React Reveal
REACT SPRING
WHY REACT SPRING?
REACT-SPRING
DEMO - React Spring
ANIMATION OVERKILL
PIZAZZ GONE WRONG?
PIZAZZ GONE WRONG?
PIZAZZ GONE WRONG?
EVEN MORE PIZAZZ
ANIMATION OVERKILL SYMPTOMS
WRAPPING UP
OTHER LIBRARIES TO EXPLORE
TODAY’S RESOURCES
GENERAL RESOURCES
Corey House’s Keynote: “The Death of the Full Stack Developer”
I invite you to check out if a Sitecore specialization is for you
THANK YOU!! 🥰