Shipped a React 19 + Next.js 15 demo repo of real-world Optimistic UI patterns: likes, todos, chat (retry), comments, blog (Server Actions), 10K virtualized list, failure + rollback scenarios.

Repo: https://github.com/muratti32/react-19-optimistic-update

#react #nextjs #webdev #performance #optimisticUI #react19 #typescript

GitHub - muratti32/react-19-optimistic-update

Contribute to muratti32/react-19-optimistic-update development by creating an account on GitHub.

GitHub

@oliverandrich instead of changing the opacity (to show that the change is still being accepted by the server) add a spinner to the bottom right

UI can still seem slow, when the user is blocked from interacting during loading

https://simonhearne.com/2021/optimistic-ui-patterns/#feedback-first

#OptimisticUI #UX #UI #loading

Optimistic UI Patterns for Improved Perceived Performance

Speed is in the eye of the beholder, it is a perception of how fast an experience feels. Optimistic UI patterns can significantly improve perceived performance for relatively little effort.

Simon Hearne