Next.js 14: Server Actions, React Components & More 🚀

Aprende Next.JS 14 Desde la sincronización de URL hasta la manipulación de datos y la interacción con bases de datos, este viaje te sumergirá en las complejidades del desarrollo web moderno. Descubre estrategias de optimización, prácticas de seguridad y participa en la comunidad

¡Transforma tu comprensión del desarrollo web ahora! 🚀💻

▶ No te pierdas más directos en: https://www.twitch.tv/midudev

00:00:00 - Introducción
00:02:11 - Explicando lo que hemos hecho
00:09:21 - A mover las manitas
00:10:25 - Trabajando con Invoices Page
00:12:31 - Estado en la ULR: Información que vale millones
00:14:24 - Renderizado en el Servidor y Carga inicial
00:15:05 - Capturando el input del usuario
00:16:05 - Crear una URL para sincronizarla con el input y la URL
00:16:49 - Cómo usar SearchParams?
00:20:04 - Actualizar la URL
00:21:08 - Prueba de sincronización del input y de la URL
00:21:59 - Sincronizar el estado inicial
00:23:43 - Mostrando la información
00:24:38 - Mostrar resultados conforme a nuestra busqueda
00:27:47 - Preguntas de la comunidad
00:28:51 - Explicación de lo que hicimos
00:31:42 - El Key es buena practica?
00:32:05 - searchParams en el servidor y cliente
00:32:34 - Haciendo un Debounce
00:37:52 - Reiniciar Paginación
00:38:36 - Crear Paginación
00:40:45 - Obtener la página actual
00:42:22 - Generar las URL’S
00:43:04 - Darle vida a la paginación
00:45:50 - Explicación del código
00:46:33 - Qué son, Qué hacen los Server Actions?
00:49:19 - Ejemplo de un Server Action
00:50:44 - Pagina de Crear Facturas
00:52:09 - Archivo para todas las acciones
00:52:42 - ‘Use Server’
00:53:37 - Creando/Integrando la ‘action’
00:56:51 - Validaciones
00:58:52 - Chapter 33
01:00:22 - Crear la Fecha (formato y explicación)
01:02:19 - Llamar a la base de datos e implementar información
01:04:34 - Integrande SQL (inyección?)
01:07:01 - Evitar la cache y redireccionar con Next.js
01:12:15 - Comentarios de la miducomunidad