GoonSvelte 5: El auge de Runes
¿Qué es el gran problema sobre Runes?
Hace unos año, escribí un tweet que decía que el signo de dólar en Svelte es la abstracción más poderosa en el desarrollo web de frontend moderno. Pero, solo semanas después, Svelte anunció una función nueva llamada "Runes" que cambió significativamente la experiencia del desarrollador al eliminar la sintaxis del signo de dólar para datos reactivos.
De la negación a la aceptación
Al principio, estaba aterrado de esta función, luego me enojé, negocié sobre los trade-offs, y finalmente, llegué a aceptar y disfrutar de verdad de Runes. Entonces, ¿por qué el framework de JavaScript más amado haría un cambio arriesgado en las características que la gente ama de él?
El viejo camino: Estado reactivo con Let
Antes de Runes, Svelte utilizaba un compilador para hacer que las actualizaciones de estado reactivas funcionen automáticamente. Pero, esta magia solo funcionaba en un archivo de Svelte, y era difícil compartir lógica reactiva en toda la aplicación.
El nuevo camino: Runes
Runes solucionan ambos límites al hacer que su código sea más explícito y crean un sistema de reactividad universal que se puede utilizar no solo en componentes de Svelte sino también en archivos de JavaScript o TypeScript simples. Esto simplifica dramáticamente el framework en general.
Los cuatro Runes principales
Hay cuatro Runes principales en Svelte 5:
- Estado: Crea una variable reactiva que actualiza automáticamente la interfaz de usuario cuando cambia.
- Derivado: Computa un nuevo valor basado en un valor reactivo y solo se ejecuta cuando cambian sus dependencias.
- Efecto: Ejecuta algún código cuando cambian sus dependencias, similar a useEffect de React.
- Props: Elimina la sintaxis de exportación let extraña en Svelte y le permite definir entradas para un componente.
El veredicto: ¿Runes arruinan Svelte?
En conclusión, no, Runes no arruinan Svelte. De hecho, lo hacen más explícito y fácil de usar. La gran pregunta es, ¿estos Runes hacen que Svelte se sienta demasiado como React?
El futuro de los frameworks de JavaScript
Lo que es divertido sobre Svelte 5 es que ahora se ve y se siente más como React. Mientras tanto, React está empezando a parecerse más a Svelte. Angular también está haciendo movimientos grandes en esta dirección con señales reactivas inspiradas en SolidJs.
Conclusión
No puedes equivocarte al elegir un framework de JavaScript en 2024 porque todos son lo mismo, y eso es algo bueno. ¡Gracias por ver, y te veré en el próximo!
