EPISODE · Jun 12, 2024 · 53 MIN
View Transitions in React
from Frontend First · host Frontend First
Ryan tells Sam about his experiments with using the new View Transitions API in a React photo gallery app. He talks about how he likes the flexibility of the API, how to think about integrating it into any client-rendered app regardless of the framework, and how he used a Promise with an Effect to tie a View Transition to a React Transition.Topics include:0:00 - Intro1:11 - What it’s like to integrate View Transitions with React7:30 - How View Transitions work16:09 - Building a gallery that animates photos across page navigations19:38 - How to use startViewTransition for enter/update/exit animations26:52 - Using a Promise to link a View Transition to a React Transition43:02 - Do View Transitions replace framework-specific animation libraries?45:17 - Using DevTools to preview and tweak transitionsLinks:easings.netIonic Framework's animation curvesShu’s next-view-transitions library
What this episode covers
Ryan tells Sam about his experiments with using the new View Transitions API in a React photo gallery app. He talks about how he likes the flexibility of the API, how to think about integrating it into any client-rendered app regardless of the framework, and how he used a Promise with an Effect to tie a View Transition to a React Transition.
NOW PLAYING
View Transitions in React
No transcript for this episode yet
Similar Episodes
Sep 26, 2023 ·65m
Sep 26, 2023 ·66m
Sep 26, 2023 ·69m
Sep 26, 2023 ·64m
Sep 26, 2023 ·66m
Sep 26, 2023 ·61m