View Transitions in React

Frontend First

Treść dostarczona przez Frontend First, Sam Selikoff, and Ryan Toronto. Cała zawartość podcastów, w tym odcinki, grafika i opisy podcastów, jest przesyłana i udostępniana bezpośrednio przez Frontend First, Sam Selikoff, and Ryan Toronto lub jego partnera na platformie podcastów. Jeśli uważasz, że ktoś wykorzystuje Twoje dzieło chronione prawem autorskim bez Twojej zgody, możesz postępować zgodnie z procedurą opisaną tutaj https://pl.player.fm/legal.

24d ago 53:21

MP3•Źródło odcinka

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 - Intro
1:11 - What it’s like to integrate View Transitions with React
7:30 - How View Transitions work
16:09 - Building a gallery that animates photos across page navigations
19:38 - How to use startViewTransition for enter/update/exit animations
26:52 - Using a Promise to link a View Transition to a React Transition
43:02 - Do View Transitions replace framework-specific animation libraries?
45:17 - Using DevTools to preview and tweak transitions

Links:

188 odcinków

#Technology #Web #Ember #Software #Development #Design #Web Development #Tech #Software Development #Frontend #Ryan Toronto #Sam Selikoff #JavaScript #Emberjs