Nextjs actions in 0 milliseconds

Publicado em: 30 Julho 2024
no canal de: Dev Leonardo

634

What if you could make your backend respond in 0ms? ⚡️

In a real scenario, some api calls will most often be successful (hopefully) so here's the trick, bring some optimism in your application and instantly update the UI as if the operation went through.

You can't have a slow backend, if you don't even wait for the response 🧠

I tested the useOptimistic hook introduced in React 18 in my new Nextjs 14 side project and I thought it was worth sharing!
_______________________________
Support my work: https://github.com/sponsors/Balastrong ❤️

Hit like and subscribe for more content! :D

Beginner-Friendly Open Source Projects: https://github.com/DevLeonardoCommunity
Join the Discord community! Here's the invite:   / discord

You can also follow me on the other platforms:
Twitter:   / balastrong
dev.to: https://dev.to/balastrong
GitHub: https://github.com/Balastrong
Home: https://leonardomontini.dev/
TikTok:   / balastrong
Instagram:   / devbalastrong

_______________________________
TIMESTAMPS
00:00 Problem Showcase
01:00 Simple Optimistic Update
02:00 Optimistic Array Element Removal
04:40 Updates Outside Server Actions
05:24 Optimistic Double Render
06:00 Optimistic Reducer
08:12 Bonus Tip
08:38 Code on GitHub - Myntenance Project

#nextjs #coding #reactjs

Nesta página do site você pode assistir ao vídeo on-line Nextjs actions in 0 milliseconds duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Dev Leonardo 30 Julho 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 634 vezes e gostou 22 espectadores. Boa visualização!

2,666