Actualización semana 21Abr-28Abr - Tips Producción, mi SetUp ChatGTP y Cache, Shopping Cart Livewire

▶

¡Bienvenido a otra semana de actualizaciones! Paso a comentar rápidamente lo más destacado de estos días.

YouTube/Blog

Como siempre, empezamos con el resumen de la actualización anterior. Esta semana tenemos novedades relacionadas con Laravel Breeze a partir de la versión 12. Este es uno de los videos que grabé hace tiempo para el curso original de Laravel:

• Laravel Breeze a partir de la versión 12 - https://youtu.be/nb6tVybM1Rk

Optimiza tus archivos de Laravel en producción: te recomiendo ver este video si vas a subir tu proyecto a producción. Explico algunos tips que había pasado por alto la primera vez que grabé todo esto:

• Optimiza tus archivos de Laravel ANTES de producción - https://youtu.be/NbV23ToRJ-8

¡Finalmente, por los dioses, terminé la actualización del curso de Laravel Inertia a su versión 2 con Laravel 12!
Realmente son tonterías, pero lo que más me costó aquí fue el bendito nuevo layout, que es donde tenemos los mayores cambios. Además, los componentes internamente son un poquito distintos, aunque el núcleo sigue siendo prácticamente el mismo:

• Conclusiones al terminar en Curso/Libro Laravel 12 Inertia 2 - https://youtu.be/VMnJzJHd_SI

Aquí también tengo algo interesante: una recomendación muy extraña que me hizo ChatGPT sobre el uso de la caché.
Según él, la caché todavía interpreta el HTML en el servidor, lo cual no es cierto. Justamente el chiste de la caché es que guarda el HTML ya interpretado para evitar reprocesarlo.
Te lo dejo para que lo analices, pero creo que aquí es donde nosotros, los desarrolladores, debemos interpretar y validar las sugerencias de la IA. La mayoría de las veces son correctas, pero siempre debemos evaluar su implementación:

• ChatGTP y su recomendación para manejar la Cache en Laravel NO tiene SENTIDOOO!! - https://youtu.be/P9kqAJZTSM0

Esto nos lleva a lo que creo que será el futuro de nuestro trabajo: dejaremos de hacer tareas rutinarias para convertirnos en analistas de soluciones que nos propone la IA. Así seremos mucho más eficientes.

Una de las cosas que no me gusta de Inertia es que no tenemos componentes reales.
Si abro el archivo de general, allí, antes del render, podemos realizar varias operaciones. Eso sí es un componente real porque es independiente del resto de la aplicación.

Pero en Inertia simplemente cargamos una vista. Todo esto te lo explico mejor en ese video:

• Esto NOOOOO Es un Componente, ES una Vista un Engaño, NOO Es Modular: Laravel Inertia vs Livewire - https://youtu.be/No5cUdfz4Jc

Truncar datos en Django: cambiando de tema, también subí un video para mostrar cómo truncar datos en templates de Django:

• Listado, truncar datos de la descripción: truncatechars:'150' - Django - 33 - https://youtu.be/2Bj99KH-NVE

Crear un índice automatizado: algo que me tiene muy contento porque me ayudará con mis libros:

• Como crear un Índice automatizado Paso a Paso de un Documento/Página HTML - https://youtu.be/pKsyFLsm9Bo

Un video sobre la IA: donde reflexiono que la IA no nos dejará sin trabajo, pero sí afectará más a los juniors, ya que resuelve tareas en segundos:

• Los Desarrolladores NO nos quedaremos sin trabajo por la IA, pero los JUNIORS... - https://youtu.be/UCWJWIM7DXc

Mi escritorio de trabajo: un video que grabé hace un par de meses, mostrando mi espacio de trabajo y algunos tips para ser más productivo:

• Mi Setup o ambiente de Trabajo, te muestro mis secretos que nadie MAS te dice - https://youtu.be/JKC_7vP3m7o

Integración con PayPal: explicación sobre cómo integrar PayPal en Django, utilizando la CDN del cliente:

• PayPal: Integración con el Cliente - JavaScript CDN : Primeros pasos - 21 - https://youtu.be/xpX6n3eXDI8

Estoy muy contento porque ahora mis libros van a lucir mucho mejor visualmente.
Todo el proceso es automatizado: tengo el código fuente segmentado por capítulos o secciones, y ya tengo los saltos de línea y resaltado de código.

Fue un pequeño reto lograrlo, pero esto también me permitió mejorar el SEO de mi blog.
Voy a empezar a publicar videos sobre este tema, compartiendo tips útiles para mejorar el SEO en proyectos Laravel (o cualquier sistema similar).

Ahora puedo evitar el tedioso uso de Google Docs. ¡Todo lo genero automáticamente!:

• Mis Libros de Desarrollo de Software Lucirán MEJOR que Nunca!  - https://youtu.be/4ix3e0WZvOU

Cursos y libros en desarrollo

Nuevo curso/libro de Laravel: estoy comenzando un nuevo material, ya no de nivel básico, sino de nivel medio-profesional. Nos enfocaremos en la creación de migraciones para una tienda en línea:

1. Introducción
2. Categoría
3. Post
4. Book
5. Payment
6. Ejecutar migraciones
7. Código fuente

Actualización de Laravel 12 y Livewire 3: sigo trabajando en esta actualización, aunque voy un poco más lento porque quiero agregar muchas mejoras, sobre todo en el carrito de compras:

1. Remover opción de agregar el producto en detalle si ya está en el carrito

   1. Si el item esta en el carrito, quitamos la opción desde el detalle.

2. En detalle, resaltar producto en el carrito

   1. En detalle, vamos a resaltar el item actual en el carrito.

3. Propiedad Refresh

   1. Vamos a hablar sobre la propiedad de refresh de los componente de Laravel

4. Repaso: Eventos personalizados del padre a hijo y viceversa

   1. Damos un repaso a los eventos personalizados en Laravel

5. Recargar operaciones en listado

   1. Vamos a recargar el detalle al hacer una operación en el cartItem mediante un evento.

6. Definir una key para listado del carrito en detalle

   1. Vamos a forzar el recargado de componentes que no se quieren redibujar con el listado del carrito.

7. Otra forma de recargar el listado

   1. Veremos otra sintaxis para utilizar la propiedad refresh y los eventos personalizados.

8. En detalle, Animación al agregar producto en el carrito

   1. Creamos una sencilla animación para mostrar/ocultar la opción de agregar un item al carrito

Estoy corrigiendo cosas que no me gustaban: agregué animaciones, mejor gestión de refresh de componentes usando la propiedad refresh, eventos entre padre e hijo, y más.

Aquí puedes ver cómo mejoré la pantalla del carrito: ahora, cuando la cantidad baja a cero, el producto desaparece animadamente, y lo mismo al agregarlo de nuevo.
Todo esto no se hace solo: es parte de lo que estamos cubriendo en las nuevas clases.