Sam Selikoff's banner

Sam Selikoff

@samselikoff • 33,100 subscribers

Next.js team @vercel

Shorts

I've been working on this exit animation and it's quite tricky to get right. The hardest part is, surprisingly, the z-index. I learned a neat trick from Matt Perry today that made it so much easier!

I've been working on this exit animation and it's quite tricky to get right. The hardest part is, surprisingly, the z-index. I learned a neat trick from Matt Perry today that made it so much easier!

118,888 views

Noticed this ring/outline animation on press this morning. First time seeing this treatment, I like it. Much more subtle than the typical background "ripple" (which always felt gratuitous to me). The animation (rather than transition) means it works even for a fast tap. And using the border rather than the background lets you differentiate completing the press from both hover and mouseDown. Nice!

Noticed this ring/outline animation on press this morning. First time seeing this treatment, I like it. Much more subtle than the typical background "ripple" (which always felt gratuitous to me). The animation (rather than transition) means it works even for a fast tap. And using the border rather than the background lets you differentiate completing the press from both hover and mouseDown. Nice!

52,450 views

Gave our Recipes page a facelift! Planning on integrating these much more tightly with our courses going forward 👨‍🍳

Gave our Recipes page a facelift! Planning on integrating these much more tightly with our courses going forward 👨‍🍳

15,977 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Had a blast talking about Next.js 16 at React Summit yesterday! I built a Chatbot to show off some new features in Next that help you build apps with instant page navs and snappy interactions, even for apps with dynamic personalized data. Here's some highlights from the talk:

Had a blast talking about Next.js 16 at React Summit yesterday! I built a Chatbot to show off some new features in Next that help you build apps with instant page navs and snappy interactions, even for apps with dynamic personalized data. Here's some highlights from the talk:

48,705 views • 8 months ago

✍️ New blog post: "Instant Search Params with React Server Components" The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions. Hope you enjoy!

✍️ New blog post: "Instant Search Params with React Server Components" The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions. Hope you enjoy!

103,113 views • 2 years ago

📝 Got some Saturday reading for ya! "How to control a React component with the URL" One of those lessons you can never hear too many times — duplicate state is a stubborn problem that can be easy to miss. Hope you enjoy!

📝 Got some Saturday reading for ya! "How to control a React component with the URL" One of those lessons you can never hear too many times — duplicate state is a stubborn problem that can be easy to miss. Hope you enjoy!

51,926 views • 1 year ago

New Recipe: "Sharing data with Client Components" Learn how to use promises to unblock your page so it can be rendered (or even prerendered) as early as possible. Hope you enjoy!

New Recipe: "Sharing data with Client Components" Learn how to use promises to unblock your page so it can be rendered (or even prerendered) as early as possible. Hope you enjoy!

18,651 views • 7 months ago

Got some weekend Remix listening for ya! Ryan and I discuss the architecture of a Remix app in this week's Frontend First. Remix does a great job surfacing the core strengths of HTTP with four simple APIs – Links, Forms, Actions, and Loaders – while still giving us a seamless way to enhance our apps with the full power of client-side React. Enjoy! (0:00) Intro (0:31) The Work Journal app (2:20) Making dynamic pages with Loaders (8:00) How Remix relies on HTTP for routing (12:30) Making backend changes using Forms and Actions (19:41) How Remix’s comprehension of Loaders and Actions eliminates boilerplate (25:20) How Remix layers the full power of React on top of web fundamentals Apple: YouTube: Spotify:

Got some weekend Remix listening for ya! Ryan and I discuss the architecture of a Remix app in this week's Frontend First. Remix does a great job surfacing the core strengths of HTTP with four simple APIs – Links, Forms, Actions, and Loaders – while still giving us a seamless way to enhance our apps with the full power of client-side React. Enjoy! (0:00) Intro (0:31) The Work Journal app (2:20) Making dynamic pages with Loaders (8:00) How Remix relies on HTTP for routing (12:30) Making backend changes using Forms and Actions (19:41) How Remix’s comprehension of Loaders and Actions eliminates boilerplate (25:20) How Remix layers the full power of React on top of web fundamentals Apple: YouTube: Spotify:

53,706 views • 2 years ago

🔑 Tip from my <Slider> lesson: Add the `touch-none` and `select-none` Tailwind utilities to avoid unwanted scrolling + selection for custom components on mobile Safari!

🔑 Tip from my <Slider> lesson: Add the `touch-none` and `select-none` Tailwind utilities to avoid unwanted scrolling + selection for custom components on mobile Safari!

21,379 views • 2 years ago

No more content to load