854 (#1914)

* 854

* Update 854 - Motion with Matt Perry.md

---------

Co-authored-by: randyrektor <157041235+randyrektor@users.noreply.github.com>

shows/854 - Motion with Matt Perry.md

@@ -0,0 +1,63 @@
+---
+number: 854
+title: “Animating the Web With Matt Perry: Exploring motion.dev”
+date: 1732881600000
+url: https://traffic.libsyn.com/syntax/Syntax_-_854.mp3
+youtube_url: https://www.youtube.com/watch?v=r6oXsC1gGHc
+guest:
+  name: Matt Perry
+  github: mattgperry
+  twitter: mattgperry
+  of: Motion
+  url: https://motion.dev
+---
+
+Wes and Scott talk with Matt Perry, the creator of Motion (formerly Framer Motion). Matt discusses building intuitive tools, transitioning Motion to open source, and the future of web animation.
+
+### Show Notes
+
+* **[00:00](#t=00:00)** Welcome to Syntax!
+* **[01:15](#t=01:15)** The Framer Motion story  
+  * [Motion](https://motion.dev)
+* **[05:16](#t=05:16)** What's the status of Framer Motion today?
+* **[09:08](#t=09:08)** What tech is Motion built on?
+* **[13:40](#t=13:40)** Is Motion entirely WAAPI?
+* **[16:06](#t=16:06)** Why hasn't the Web Animation API gained more traction?
+* **[17:46](#t=17:46)** Does Matt design his demos?
+* **[19:25](#t=19:25)** Performance and testing
+* **[25:34](#t=25:34)** Brought to you by [Sentry.io](https://sentry.io)
+* **[28:10](#t=28:10)** Have other animation libraries influenced Motion?  
+  * [Svelte](https://svelte.dev/)  
+  * [GSAP](https://gsap.com/)  
+  * [Anime.js](https://animejs.com/)
+* **[31:49](#t=31:49)** Micro-Optimizations in JS
+* **[36:02](#t=36:02)** How do you test frame rates?
+* **[38:03](#t=38:03)** Graphics programming and shaders  
+  * [Maxime Heckel](https://maximeheckel.com/)  
+  * [Maxime's blog](https://blog.maximeheckel.com/)
+* **[39:58](#t=39:58)** What is the future of Motion?
+* **[41:42](#t=41:42)** What's the difference between layout animations and the [Vue Transition API](https://vuejs.org/guide/built-ins/transition)?
+* **[46:35](#t=46:35)** Sick Picks & Shameless Plugs
+
+### Sick Picks
+
+- Matt:
+  * [Grime music](https://en.wikipedia.org/wiki/Grime_music)
+  * [P Money](https://en.wikipedia.org/wiki/P_Money)
+  * [Ghetts](https://en.wikipedia.org/wiki/Ghetts)
+
+### Shameless Plugs
+
+- Matt:
+  * [Motion.dev](https://motion.dev)
+  * [Sponsor Motion](https://motion.dev/sponsor)
+
+### Hit us up on Socials!
+
+Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)
+
+Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)
+
+Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)
+
+Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)