🚀 Optimiza tus ESTADOS con Next 14 y evita useState!
HTML-код
- Опубликовано: 13 сен 2024
- En este vídeo vemos cómo evitar useState y gestionar el estado desde el servidor utilizando URLs con Next.js 14. En este caso lo hemos hecho con Next.js, pero se puede hacer para conseguir una gestión del estado con la URL con React únicamente también (si te gusta la idea, házmelo saber en los comentario, y me pondré manos a la obra para traer un vídeo al respecto).
GITHUB REPO de ByteGrad: github.com/Byt...
🚀 𝐂𝐎𝐌𝐔𝐍𝐈𝐃𝐀𝐃
├ 𝙎𝙐𝙎𝘾𝙍𝙄𝘽𝙀𝙏𝙀 ⮕ / @manuelsanchezweb
👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐆𝐑𝐀𝐓𝐈𝐒
├ 0️⃣ 𝙋𝙊𝙆𝙀𝘿𝙀𝙓 𝙍𝙀𝘼𝘾𝙏 𝙏𝙔𝙋𝙀𝙎𝘾𝙍𝙄𝙋𝙏 ⮕ www.udemy.com/...
├ 1️⃣ 𝙁𝙄𝙂𝙈𝘼 desde cero ⮕ www.udemy.com/...
├ 2️⃣ REACT desde cero ⮕ www.udemy.com/...
├ 3️⃣ QWIK desde cero ⮕ www.udemy.com/...
👋 𝐂𝐔𝐑𝐒𝐎𝐒 𝐃𝐄 𝐏𝐀𝐆𝐎
├ 0️⃣ 𝙋𝙊𝙍𝙏𝙁𝙊𝙇𝙄𝙊 𝙃𝙏𝙈𝙇 𝙔 𝘾𝙎𝙎 ⮕ www.udemy.com/...
├ 1️⃣ QWIK intermedio-avanzado con proyectos ⮕ www.udemy.com/...
🧠 𝐑𝐄𝐏𝐎𝐒𝐈𝐓𝐎𝐑𝐈𝐎 𝐘 𝐂𝐎𝐃𝐈𝐆𝐎𝐒
└ 𝙂𝙄𝙏𝙃𝙐𝘽 ⮕ github.com/Byt...
#nextjs #statemanagement #stateurl #manuelsanchezweb #next14
![Eminem - Like My Shit [Official Audio]](http://i.ytimg.com/vi/vx_IMvFkrfA/mqdefault.jpg)
¿Has probado esto ya? ¿Lo has hecho con React solo o con Nextjs como muestra el vídeo?
Buenisimo! Me gusta que te des una vuelta por otros canales que son en otros idiomas y lo expliques en español, genial ayuda mucho.
Claro que sí! Todo por hacer el contenido de calidad más accesible!
Buenisimo! , se me hace super interesante este codigo
Yo flipé con lo sencillo que es la primera vez que lo vi, está brutal la vdd!
@@manuelsanchezweb Siii asi me ahorro el usar estados aveces y el tener que cambiar partes a use client , se agradece que compartas este tipo de contenido y tips
Esto me hace recordar, a cuando obtienes los datos para el primer render desde el servidor y alimentas el estado en el cliente para luego hacer la siguientes peticiones desde el cliente. Ya luego cambiar el estado en la URL era maquillaje. En este ejemplo sin mockear, se haría igual primero server y luego cliente para sucesivas búsquedas?
Ponme un ejemplo más visual de lo que querrías cambiar en el estado para que me haga una idea mejor. En los ejemplos que tenemos aquí hacemos un hipervínculo con Link realmente, no?
@@manuelsanchezweb en ejemplo se usan datos mockeados, pero al final, todos haremos peticiones a una API. Por lo que para escalar el ejemplo a un entorno más realista, esos filtros de búsqueda se tendrán que enviar a una API y luego obtener los resultados. Es decir, terminaremos usando el estado tanto para almacenar los datos de vuelta como los filtros. Ya que entiendo que el cambio de URL es maquillaje en el lado del cliente pero no está atado a una petición a una API.