I just rebuilt Apple Music on iOS using React and Framer Motion.
This app is a treasure trove of tiny, beautiful details and I wanted to break down everything I noticed along the way.
Let's get started!
Sam Selikoff
16.9K posts
Sam Selikoff
@samselikoff
Next.js team @vercel
- My Framer Motion course is complete! In 3 hours you'll build six demos and walk away with some awesome techniques you can start using today. 🪄 Below I want to share my favorite animation takeaway from each lesson! buildui.com/series/framer-…
00:00 - these are getting better and betterIt's the year 2024 Next.js 15 introduces "use electronics"
- This Headless UI docs site is the best-looking site I've ever worked on 😇
- Excited to share that I joined the Next.js team at @vercel last week! My job is to help folks be successful with Next and React. There's a ton of new features in each – ViewTransitions and Activity, Pre-rendering and "use cache" – and even more coming. There's also lots of React
- listen y'all I know this doesn't matter but.. it's an async function. you export it. you even say it like that when you're talking with someone – "you export an async function called action". why not just write it like that?!
- 🚀 Super excited to announce that @miragejs is now officially launched! It's already being used in React, Vue, Angular and Ember projects, and even with frameworks like Nuxt and Gatsby! Check out our brand new homepage to learn all about it 👉 miragejs.com
00:00 - Haven't used npm-check-updates in a while, really love this screen. Exactly the defaults I'd want too 👍 Still wish something like this was built into npm but this isn't bad at all!
- Airbnb-inspired calendar built with React, date-fns and Framer Motion 🪄
00:00 - In React, all we have is rendering. This simple mental model gives us a small API surface area, which is what so many love about React, but also creates a host of issues that every team runs into. One of those has to do with the Halting problem.
- Hacking on a useBufferedText hook and <AnimatedScroller> component for streaming text. Goal is to have smoother output regardless of the rate + chunk size of the stream.
00:00
