Build Smooth Page Transitions with React and GSAPby@joerlop
587 reads

Build Smooth Page Transitions with React and GSAP

tldt arrow
Read on Terminal Reader
Read this story w/o Javascript

Too Long; Didn't Read

The first step when creating transitions is deciding what are the elements of the current page you want to animate when entering or exiting the page. In our example, we animate all the components of the page, with the exception of the navigation menu. You can decide to include or exclude any element you want from your transitions. This step is important because while React creates and renders components in a virtual DOM, GSAP needs to work with components that exist in the real DOM. We use refs, which provide a way to access DOM nodes from React.

Coin Mentioned

Mention Thumbnail
featured image - Build Smooth Page Transitions with React and GSAP
Jonathan Erlich HackerNoon profile picture

@joerlop

Jonathan Erlich

Entrepreneur. Software engineer. Interested in Bitcoin, fintech and AI.


Receive Stories from @joerlop

react to story with heart

RELATED STORIES

L O A D I N G
. . . comments & more!