Nueva versión de Svelte 5, ese framework naranja que está, por desgracia, por detrás de React, Angular, Vue, pero ahí está, Svelte siempre manteniéndose, defendiendo, acaba de sacar la versión 5.0 con novedades importantes, una nueva página web.
Una nueva página web que está bastante bonita, que además tiene este documental aquí, en el que aparezco, por si no lo sabíais, en el que aparezco.
Mira, mira, mira, mira, este no, siguiente, calla, este tampoco, salgo de los primeros, a ver, ahí he salido, ahí he salido, bueno, ya está, era mi momento, mi segundo de gloria.
Bueno, pues aparte de todo eso, hay una nueva documentación aquí, preparada, con todas las novedades, de hecho, si queréis saber todas las novedades que tiene, tiene el Migration Guide, y aquí viene lo polémico.
0.43 segundos, Rocodef, hombre, pues debe ser lo mismo que tú duras en la cama.
Es broma, hombre. Bueno, pues Svelte 5 tiene la guía de migración, y te dice todas las cosas nuevas, todos los cambios de sintaxis que trae, y son un poquito polémicos.
Son un poquito polémicos porque hay cosas que a mí, la verdad, me gustaban de antes y han cambiado.
Y es el tema de, por ejemplo, ahora para crear un estado que va a seguir funcionando la forma anterior, no pasa nada.
Pero, ahora, para un estado, lo que te recomiendan es utilizar el Dollar State, y luego el valor que quieras tener en el estado, ¿vale?
Luego, en lugar de tener los efectos con el dólar, ahora lo que te dicen es utilizar Derivate o Effect también.
Y también tenemos cambios, por ejemplo, a la hora de indicar cómo son las props, que es, en lugar de poner Export, Let, Optional, por ejemplo, para tener una prop que se llame Optional,
ahora lo que tendríamos es Let, y tendríamos que crearlo llamando, ejecutando este método de props.
Yo, la verdad, os voy a decir una cosa polémica. Me gusta muy poco. O sea, me gustaba más antes. ¿Por qué? ¿Por qué?
Si lo mejor que tenía Svelte era el hecho de utilizar todo esto, ¿no?
Yo entiendo que esto, que es lo que dice Mario Abreums, dice, las cosas del estado tienen sentido, por lo que comentaron, que es por cuestión de rendimiento.
Lo de los effects no me ha agradado tanto, pero se acepta. Las props sí me parecen buenas.
A ver, todo esto viene por lo que le llaman runas, ¿vale? Runas.
Y estas runas, ¿qué son? Bueno, son símbolos, que digamos como esto, que tienen como prefijo el dólar.
No necesitas importarlas, que es otra cosa que tampoco me termina de gustar mucho, es un poco raro, porque son como parte del lenguaje.
Y entonces, el tema es que antes era mágico, pero es que las runas siguen siendo magia.
Porque, por ejemplo, para utilizar este state no lo tienes que importar, por lo tanto, sigue siendo magia.
Vamos a ver cómo queda. Sí que es verdad que traen ciertas ventajas, ¿no?
Por ejemplo, los estados. Puedes tener estados que sean profundos. Puedes tener estados y compartirlos.
Tienen cosas interesantes, ¿vale? Por ejemplo, este estado lo puedes utilizar fuera de un componente de Svelte.
De verdad, tiene cosas interesantes. Pero claro, esto de props, por ejemplo, que antes era tan fácil como exportar una variable
y ahora tienes que utilizar esta runa que se llama props y tal. Vamos a ver cómo encaja. A mí me cuesta verlo, la verdad.
Y aquí viene mi pregunta del millón.
Si os gustaría que hiciéramos un curso de Svelte 5, ¿creéis que vale la pena?
Mira, hay gente que dice que sí, hay gente que dice que no, pero lo abandonas.
El que abandona el curso, no. El curso lo vamos a poder hacer en dos horas, que es una cosa buena de Svelte.
Es que en dos horas lo hacemos y podemos hacer una aplicación en condiciones porque se aprende bastante fácil Svelte.
Eso es una cosa que tiene que, con muy poco código, o sea, es que con muy poco código haces cosas muy tremendas.
Eso es lo bueno que tiene. Así que, a ver, si me decís que no, seguramente lo haré, pero para la academia directamente y ya está.
Pero hacer, yo quiero hacer algo porque me interesa aprender Svelte. Me gusta Svelte.
Ahora han sacado este nuevo que también son los snippets para reutilizar código.
En lugar de tener, pues por ejemplo esto, ¿no? Que serían como componentes, pero de código.
La típica función render que tenemos en componentes de React y todo esto, pues sería algo así.
Entonces se le llamarían snippets, para no tener que recrear un componente y tal.
Me gustaría ver algo así también para Astro. Me encantaría que tuviese snippets para no tener que siempre,
de forma obligatoria, tener que extraerlo en un componente entero y tal.
Me gustaría que tuviese algo parecido.
Bueno, ahí os lo dejo. Seguramente haremos algo con Svelte porque me parece interesante.
Pero no es lo único que ha salido nuevo.
También tenemos nueva versión de Next.js 15, Release Candidate 2, que está bastante interesante,
con novedades importantes.
Lo primero, tenemos nuevos code mods, que serían como pequeñas utilidades que puedes ejecutar
para migrar tu código de forma automática.
Está interesante, para no tener que hacerlo manualmente.
Así puedes ejecutar este comando y automáticamente va a migrar todo lo que pueda o detecte de tu versión actual a la siguiente.
Y así no te tienes que preocupar de hacerlo tan la mano.
Ya os digo que, perfecto, no funciona.
Funciona bastante bien, pero a veces alguna cosita le falta.
Luego tendríamos, bueno, esto ya estaba el Turbo Pack para desarrollo.
Va a ser estable en la siguiente versión de Next.js 15.
Todavía no es estable.
Pero ya están anunciando que va a ser estable en la próxima versión de Next.js 15.
Ahora, breaking change importante.
Algunas funciones para leer los headers, las cookies, los parámetros, los search params,
van a ser asíncronas.
¿Por qué?
Porque, claro, al final se necesita leer la request.
Y lo que dicen es, si vamos a leer la request, tiene que ser asíncrono.
Así que ahora, por ejemplo, al leer las cookies, vais a tener que utilizar el await.
Y lo tendréis que hacer en funciones de React Server Components.
Van a mejorar la seguridad para los server actions.
Vamos a tener en el modo desarrollo que nos va a indicar qué ruta es estática,
para que lo veamos fácil.
El componente form, que esto viene directamente de la nueva versión de React 19.
Ya no me acuerdo con la versión de React, imagínate.
Y tendríamos también un nuevo fichero, instrumentation.js, que lo van a hacer estable.
Más que nada para temas de telemetría, que queráis utilizar y tal.
Pero todavía no tenemos qué día va a salir Next.js 15.
O sí, porque lo sabe Dios, lo sabe todopoderoso, que tenemos Next.js 15, va a salir el 24 de octubre.
El 24 de octubre es la conferencia de Next.js y seguramente ese día vamos a tener seguro Next.js 15.
O sea, no tengo pruebas, tampoco tengo dudas.
¿Qué es lo malo, amigos? Tengo una mala noticia.
El 24 de octubre quería hacer un directo para que pudiéramos verlo en vivo y en directo.
Y me lo voy a perder, porque voy a estar en el avión camino a Medellín.
Voy a estar para el City.js, me voy a Colombia.
Así que, bueno, nos veremos en Medellín, pero voy a estar en el avión.
No voy a poder hacer un directo, porque estaré viajando el 25 y 26 de octubre.
Es el City.js de Medellín y voy a estar allí.
Así que no voy a poder hacer directo el 24 de octubre.
Así que lo vais a tener que ver sin mí.
Lo siento, ojalá pudiera hacer stream en el avión.
Ojalá, lo haría, lo haría encantado.
Pero no me lo voy a tener que perder.