Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

✍️ 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!

samselikoff's profile picture

Sam Selikoff

33,208 subscribers

103,117 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Ryan Florence
Ryan Florencevor 2 Jahren

Didn’t read it yet… is useOptimistic for the pending search param you just selected to instantly go purple instead of after the data comes?

Profilbild von Sam Selikoff
Sam Selikoffvor 2 Jahren

Correct 👍

Profilbild von Clovis Rosa
Clovis Rosavor 2 Jahren

That is the missing pice from the last podcast. Thank you very much! Next stop, YT video pleaseeee! 🙏🏾

Profilbild von Sam Selikoff
Sam Selikoffvor 2 Jahren

Bingo!

Profilbild von Devon Govett
Devon Govettvor 2 Jahren

Great post!

Profilbild von Sam Selikoff
Sam Selikoffvor 2 Jahren

Thanks Devon!

Profilbild von François Best - 🦋
François Best - 🦋vor 2 Jahren

Interesting! I built `nuqs` with the same idea in mind: keep the UI responsive, while the request is in flight and eventually settles, but that was before useOptimistic existed.

Profilbild von Sam Selikoff
Sam Selikoffvor 2 Jahren

Very cool! I think higher-level hooks like this still have their place – you could useOptimistic under the hood so it gets the behavior around transitions for free.

Profilbild von Coding in Flow
Coding in Flowvor 1 Jahr

Why does setOptimistic have to be wrapped into startTransition? I tried moving it outside and the behavior looks the same.

Profilbild von Madat Bayramov
Madat Bayramovvor 2 Jahren

Just read it, very detailed, and you've included a few good use cases. Worth to read

Ähnliche Videos

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.
12:32

New video: MDX with Next.js! Learn how to combine the power of React components with markdown in the App Router. We also cover some of the built-in metadata features as well as CSS view transitions.

Lee Robinson

79,109 Aufrufe • vor 1 Jahr

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:
1:01

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

196,770 Aufrufe • vor 17 Tagen

🥓Expo Router v5 is here and it's packed with powerful new features to help you build beautiful full-stack native apps. There is a hearty blog post from Evan Bacon 🥓 below with all the details. Here are a couple of the highlights: ◆ Improved Errors and Logging ◆ API Routes in Production ◆ React Server Functions (Beta) Tons more to learn about in the blog. Check it out ↓
0:29

🥓Expo Router v5 is here and it's packed with powerful new features to help you build beautiful full-stack native apps. There is a hearty blog post from Evan Bacon 🥓 below with all the details. Here are a couple of the highlights: ◆ Improved Errors and Logging ◆ API Routes in Production ◆ React Server Functions (Beta) Tons more to learn about in the blog. Check it out ↓

Expo

80,818 Aufrufe • vor 1 Jahr

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!
0:37

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!

Devon Govett

79,110 Aufrufe • vor 7 Monaten

What's the latest with React Native? Reanimated 4 brings a more declarative, CSS-style approach to animations and transitions. ✨ We break down what you can do with this new API. ▶️
0:34

What's the latest with React Native? Reanimated 4 brings a more declarative, CSS-style approach to animations and transitions. ✨ We break down what you can do with this new API. ▶️

GitHub

28,617 Aufrufe • vor 10 Monaten

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳
0:21

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,741 Aufrufe • vor 6 Monaten

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 Aufrufe • vor 1 Jahr

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go
0:50

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

Evan Bacon 🥓

132,985 Aufrufe • vor 1 Jahr

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

58,928 Aufrufe • vor 1 Monat

The 2nd edition of my "React Key Concepts" book is available now"! Fully updated for React 19, including brand-new chapters on RSC, form & server actions, Suspense and much more! If you, like me, like picking up a book for learning from time to time and you're (like me), convinced that we'll still need (React) devs in a couple of years, this book will be perfect for you! PLUS: There are special bonus offers & packages available now for the launch!
1:04

The 2nd edition of my "React Key Concepts" book is available now"! Fully updated for React 19, including brand-new chapters on RSC, form & server actions, Suspense and much more! If you, like me, like picking up a book for learning from time to time and you're (like me), convinced that we'll still need (React) devs in a couple of years, this book will be perfect for you! PLUS: There are special bonus offers & packages available now for the launch!

Maximilian

48,344 Aufrufe • vor 1 Jahr

"If you're not willing to react with equanimity to a market price decline of 50% two or three times a century, you're not fit to be a common shareholder - and you deserve the mediocre result you are going to get." Charlie Munger
0:59

"If you're not willing to react with equanimity to a market price decline of 50% two or three times a century, you're not fit to be a common shareholder - and you deserve the mediocre result you are going to get." Charlie Munger

Peter Mallouk

90,349 Aufrufe • vor 4 Monaten

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.
0:27

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

Evan Bacon 🥓

170,837 Aufrufe • vor 2 Jahren

👋 to the tens of thousands of new users joining every week! Welcome to the XRP Ecosystem. We hope you enjoy the all-in-one self-custodial XRPL experience with Xaman.
0:29

👋 to the tens of thousands of new users joining every week! Welcome to the XRP Ecosystem. We hope you enjoy the all-in-one self-custodial XRPL experience with Xaman.

Xaman® Wallet 🪝

80,685 Aufrufe • vor 1 Jahr

For all lovers of red high heels 👠 and black leather 🖤 This week you can enjoy a classy combination of red❤️ and black🖤. I walked across Wittelsbacher Platz in Munich and I enjoyed the looks 👀 of the passers-by. How would you react if you saw me?,... pull out your phone?,... or would you have the courage to talk to me? I hope you enjoy my new update and have a wonderful weekend ☀️☀️☀️ Kisses 😘 Lady Vanessa
1:02

Sensitive content

For all lovers of red high heels 👠 and black leather 🖤 This week you can enjoy a classy combination of red❤️ and black🖤. I walked across Wittelsbacher Platz in Munich and I enjoyed the looks 👀 of the passers-by. How would you react if you saw me?,... pull out your phone?,... or would you have the courage to talk to me? I hope you enjoy my new update and have a wonderful weekend ☀️☀️☀️ Kisses 😘 Lady Vanessa

ᖴᕮTISᕼ DIVᗩ LᗩDY ᐯᗩᑎᕮSSᗩ™

31,000 Aufrufe • vor 2 Jahren

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React
1:02

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React

Glenda Diaz

15,568 Aufrufe • vor 2 Jahren

Excited to share my new research: a POC of a new “threadless” process injection technique that works by utilizing the concept of DLL Notification Callbacks in local/remote processes. An accompanying blog post with more details:
0:41

Excited to share my new research: a POC of a new “threadless” process injection technique that works by utilizing the concept of DLL Notification Callbacks in local/remote processes. An accompanying blog post with more details:

Mor Davidovich

47,630 Aufrufe • vor 2 Jahren

NEW COVER!! 💛 With the help of MOSQ we brought a cover of "Show Me Your Revival", the battle theme of Persona 4 Revival to live!! Hope you enjoy 🩶 Listen here:
0:32

NEW COVER!! 💛 With the help of MOSQ we brought a cover of "Show Me Your Revival", the battle theme of Persona 4 Revival to live!! Hope you enjoy 🩶 Listen here:

jen 🤍

19,212 Aufrufe • vor 1 Monat

Happy #EatYourFriendsDay everyone. Don’t have new art to post, but I do have a new short vore audio video, with a bit of talking and teasing in it this time… Hope you all enjoy!
1:32

Sensitive content

Happy #EatYourFriendsDay everyone. Don’t have new art to post, but I do have a new short vore audio video, with a bit of talking and teasing in it this time… Hope you all enjoy!

Big Bad Werewolf Dad

13,750 Aufrufe • vor 3 Jahren

Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games.
0:20

Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games.

Jannis Ringwald

939,452 Aufrufe • vor 8 Monaten