View Transitions in React

Frontend First

A tartalmat a Frontend First, Sam Selikoff, and Ryan Toronto biztosítja. Az összes podcast-tartalmat, beleértve az epizódokat, grafikákat és podcast-leírásokat, közvetlenül a Frontend First, Sam Selikoff, and Ryan Toronto vagy a podcast platform partnere tölti fel és biztosítja. Ha úgy gondolja, hogy valaki az Ön engedélye nélkül használja fel a szerzői joggal védett művét, kövesse az itt leírt folyamatot https://hu.player.fm/legal.

1y ago 53:21

MP3•Epizód kép

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:

201 epizódok

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