正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Sam Selikoff

33,208 subscribers

103,117 次观看 • 2 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

10 条评论

Ryan Florence 的头像

Ryan Florence2 年前

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?

Sam Selikoff 的头像

Sam Selikoff2 年前

Correct 👍

Clovis Rosa 的头像

Clovis Rosa2 年前

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

Sam Selikoff 的头像

Sam Selikoff2 年前

Bingo!

Devon Govett 的头像

Devon Govett2 年前

Great post!

Sam Selikoff 的头像

Sam Selikoff2 年前

Thanks Devon!

François Best - 🦋 的头像

François Best - 🦋2 年前

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.

Sam Selikoff 的头像

Sam Selikoff2 年前

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.

Coding in Flow 的头像

Coding in Flow1 年前

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

Madat Bayramov 的头像

Madat Bayramov2 年前

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

相关视频

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:

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

198,837 次观看 • 1 个月前

🥓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 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 次观看 • 1 年前

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!

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

82,187 次观看 • 8 个月前

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! 🥳

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 次观看 • 7 个月前

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.

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 次观看 • 1 年前

👋 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

👋 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 次观看 • 1 年前

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

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

59,985 次观看 • 2 个月前

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 次观看 • 1 年前

"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

"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 次观看 • 4 个月前

👋 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.

👋 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,723 次观看 • 1 年前

🚀 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.

🚀 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 次观看 • 2 年前

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

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,073 次观看 • 2 年前

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

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 次观看 • 3 年前

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

One of the most exciting things I’ve had the chance to work on has been integrating `react-native-teleport` into `screen-transitions`. v3.9 introduces a new handoff prop to seamlessly teleport boundary payloads between each other. Pretty happy with it so far! Here’s how it looks with the new zoom transition in v3.9

Ed

18,749 次观看 • 28 天前

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

26,631 次观看 • 27 天前

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:

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,640 次观看 • 3 年前

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:

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 次观看 • 1 个月前