View Transitions in React

Frontend First

Το περιεχόμενο παρέχεται από το Frontend First, Sam Selikoff, and Ryan Toronto. Όλο το περιεχόμενο podcast, συμπεριλαμβανομένων των επεισοδίων, των γραφικών και των περιγραφών podcast, μεταφορτώνεται και παρέχεται απευθείας από τον Frontend First, Sam Selikoff, and Ryan Toronto ή τον συνεργάτη της πλατφόρμας podcast. Εάν πιστεύετε ότι κάποιος χρησιμοποιεί το έργο σας που προστατεύεται από πνευματικά δικαιώματα χωρίς την άδειά σας, μπορείτε να ακολουθήσετε τη διαδικασία που περιγράφεται εδώ https://el.player.fm/legal.

4M ago 53:21

MP3•Αρχική οθόνη επεισοδίου

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:

197 επεισόδια

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