Mira, alguien dice, Midu, ¿crees que puede haber en algún momento un framework que destrone a React?
Si es así, ¿qué pasaría con Next?
A ver, yo creo que en algún momento va a pasar.
En algún momento, alguien va a destronar a React porque React no hay nada, nada casi infinito, excepto GQuery.
Pero ni siquiera GQuery es infinito.
Al final, todo evoluciona, todo cambia y tal.
Destronarlo de golpe no va a pasar.
O sea, no se va a destronar React de golpe porque ya justamente lo que está pasando es que React está en tantos sitios que es imposible que cambie de golpe.
¿Sabes? Es imposible que ahora, ¡pam!
Se destrone y cambie.
No va a pasar.
Igual que GQuery ya estaba en tantos sitios que es imposible que desaparezca.
Pero sí que creo que vamos a empezar a tener nuevos frameworks y yo creo que ya ha empezado a pasar que están dándonos soluciones alternativas en paralelo que tienen muy buena pinta.
Como por ejemplo, Quick, que es uno.
Astro, porque en Astro puedes construir sin React una página componentizada perfectamente con una sintaxis muy parecida a React pero con cero coste.
Y eso está muy interesante, ¿no?
Y luego, por otra parte, pues tenemos SolidGS, que es otra cosa muy parecida a React, Svelte, que ya tenemos la versión estable de SvelteKit.
Yo creo que vamos a ver, creo que va a ser muy difícil volver a ver un ganador tan claro como React en mucho tiempo.
En mucho tiempo.
Yo creo que ahora lo que vamos a ver es un tiempo de fragmentación.
en la que vamos a ver que React va a seguir reinando pero va a haber una fragmentación en la que hay gente que va a ir a por Quick, va a ir gente con Svelte, un poquito poco a poco.
Sobre todo cosas como Quick que creo que tienen muy buena pinta porque en tema de rendimiento eso te da una ventaja competitiva tremenda.
La experiencia de usuario es tremenda.
Así que yo creo que no va a estrenar nada, nadie va a estrenar a React en 2023.
Creo que va a ser el rey este año, pero poco a poco.
Yo creo que este año se va a fragmentar un poquito más la cosita.
¿Qué es Quick?
Pues lo hemos comentado, Jorge, que era un framework.
Es un framework muy parecido a React pero con algunos añadidos bastante interesantes.
Que es justamente la resumabilidad.
La resumabilidad yo creo que es una cosa que va a ser...
Angular tampoco va a morir, no va a morir nada, nadie va a morir, no va a morir.
Pero yo creo que va a perder cuota de mercado.
Por ejemplo, Angular va a perder cuota de mercado igual que la va a perder React por esta fragmentación.
O sea, no es por algo de que Angular va a morir.
Creo que va a perder cuota de mercado porque poco a poco va a ir perdiendo esta cuota a favor de alternativas más modernas que están pasando ahora.
Y Quick va a ser una de ellas, pero es que seguro.
Además de Quick, otra cosa que me parece muy interesante es la apuesta que ha hecho Dino con justamente Dino Fresh.
Dino Fresh utiliza Priak.
Y claro, es muy interesante porque es algo muy parecido a Next.js, que funciona con un rendimiento increíble.
Y que no tiene Server Site Components, pero tiene la arquitectura de islas, la que hace esto.
Mira, por ejemplo, esta página que veis aquí, toda esta página es estática.
Mirad.
A ver, esta página que veis aquí, toda esta página es estática.
Si vamos aquí, podéis ver que nada, de JavaScript lo que ha cargado es muy poquito.
Pero lo que tiene de interactivo es este contador, que este contador seguramente lo podemos encontrar aquí.
¿Veis este Island Counter? Esto es porque tiene unas islas que son donde tiene la interactividad.
Y en lugar de descargarse toda la página, todos los componentes de React, dice, bueno, este texto es estático.
Por lo tanto, no lo voy a enviar en el JavaScript.
Pero luego, este contador, pues sí que lo necesito, ¿no?
Porque realmente necesito que sea interactivo, que tenga un estado y todo este tipo de cosas.
Así que, fragmentación.
Yo voy a ver mucha fragmentación, creo que es lo que va a ocurrir.
Pero está muy interesante porque, al final, lo que viene es a mejorar mucho la experiencia de usuario y a ver con lo que sale React.
React, al final, pensad que tiene muchos años ya.
Es del 2013, si no me equivoco, ¿no?
React es de código abierto, creo que es del 2013.
¿Veis? Del 2013.
Que, ahí o no, son 10 años.
Ha evolucionado mucho en este tiempo, para bien.
Pero sigue arrastrando un montón de cosas.
Por ejemplo, arrastra cosas a la hora de...
Claro, React son 2,5K.
Pero React DOM, 42K.
42K.
Es que 42K, cuando a lo mejor...
Es que esto ya...
Creo que...
Es demasiado.
No sé cómo van a hacer para mejorar eso.
Mira, Vue entero son 33.
Que ya es menos, pero es bastante también.
Es bastante también.
Svelte es un poco polémico porque es un K.
Pero bueno, es un poco polémico porque es un compilador y entonces se va añadiendo luego poco a poco.
Pero si vemos Priak...
Priak son solo 4K.
Es que son un 10% de lo de React.
Claro, Quick seguramente no lo podemos ver.
Porque aquí pone 600 bytes, pero es mucho más.
Porque como también es un framework un poco especial.
Pero va a ocupar mucho menos.
Entonces, claro, 42K.
Usted no puede pesar tanto, señor React.
Ya, es bastante, ¿no?
Es bastante.
Priak es una alternativa a React que existe desde hace mucho tiempo.
Es una alternativa que se ha copiado la sintaxis, la API y todo.
Pero tiene algunas concesiones.
¿No?
Algunas concesiones que no son 100% iguales a React.
Algunas para bien, otras polémicas.
Pero bueno, que si te gusta.
Si te gusta, pues ya está bien.
Así que yo diría eso.
Quick me parece un proyecto muy a tener en cuenta este año.
Ya está en beta.
Yo creo que este año saldrá estable.
Y luego Dino Fresh como framework alternativa que se pueda desplegar muy rápidamente en Dino Deploy.
Yo diría que estos son dos proyectos...
Bueno, claro.
Es que luego ya también tendríamos.
T-R-P-C.
No, T-R-P-C que es para crear APIs, Type-Safe, que tiene bastante buena pinta.
Yo tengo un tema con T-R-P-C y es el hecho de las versiones, ¿no?
La versión 9 a la 10 me ha dado la sensación que había bastante...
Bastante cosa que se rompía.
No sé, no sé, no sé.
La verdad es que eso me ha dejado un poco...
Y para páginas estáticas con Svelte, ¿recomiendas Astro?
Sí, puedes utilizar Astro, puedes utilizar Svelte también.
Svelte también me parece un proyecto muy interesante que ya está estable también.
Que Bersel le está poniendo mucho, mucho cariño.
Mucho cariño.
O sea, fijaos que Bersel ya le ha hecho una landing page.
Le ha hecho una landing page a Svelte.
Le ha hecho un curso.
Tiene un curso totalmente de Svelte.
Es en inglés.
Le ha hecho un curso completo a Svelte.
O sea, ojo cuidado porque ya os dije, yo creo que Bersel va a apostar por tener este binomio
entre Next.js y Svelte, ¿no?
Las dos cositas.
Así que, ojo cuidado con Svelte.
Yo creo que es muy interesante.
Y es que la experiencia de desarrollo de Svelte es muy chula.
Es muy chula porque escribes muy poco código para hacer cosas muy chulas.
Eso es lo mejor que tiene Svelte.
Es lo que me parece que es espectacular.
O sea, si veis el código de Svelte, o sea, para escribir un H1, que tengas un H1 y ya está.
Es que es espectacular.
No tienes que hacer nada más.
Y si tienes que ponerle estilos, poner en el propio componente, decirle, vale, pues tenemos
el color, este es así.
Y esto, que tengas Cervesa Rendering, que no te tengas que preocupar de la construcción
de estilos.
Que es que no has tenido que escribir JavaScript y tienes aquí nada más y nada menos ya que
un componente.
Es espectacular.
Para mí Svelte es mi favorito en cuanto a sintaxis por delante de React incluso.
Me encanta.
Me encanta.
Pero obviamente creo que React a día de hoy todavía está por encima.
¿Es como Astro?
Sí, es como Astro, pero bueno, Svelte es reactivo.
Astro no tiene estado.
No puedes tener un estado en Svelte.
Pero mira, si le queréis poner un estado, pues venga, le pones aquí el script.
Bueno, ya sabéis que tengo un libro.
Tengo un libro también de Svelte.
No ha triunfado tanto como el de Git.
Pero tengo un libro de Svelte.
Que estoy terminando la parte de Svelte, justamente.
Pero es que es impresionante el hecho de poder tener una variable aquí y decir que cada vez que haces un clic,
pues le pones aquí counter más más.
No sé si esto funcionará.
Increment button.
Vale.
You are ascending to a const.
Y aquí le ponemos el counter.
Counter.
Esto es espectacular.
Esto es espectacular y casi imbatible.
Y, o sea, dice, me gusta que la sintaxis de Svelte sea similar al single file component de Vue.
Esperemos que crezca mucho este año.
Hostia, ya, pero es que esto, con todo mi cariño al single file component de Vue, esto es mil veces mejor que el single file component de Vue.
Para mí, ¿eh?
O sea, está muy superior al single file component.
Para mí.
Con todo mi cariño al...
Que está muy chulo, ¿eh?
Single file component.
Pero, joder.
Es que lo bueno de Svelte es que te pones a mirarlo y dices, es que ¿qué quitas?
Es que ya no hay nada que quitar.
Es que ya es, o sea, es cero boilerplate.
Es que el componente...
Mira, este es el componente más pequeño de Svelte.
Este.
Un archivo vacío.
Eso no existe en ningún otro sitio.
Que un archivo vacío sea el componente más pequeño.
¿Ves?
Porque es que no hay nada.
O sea, no hay nada.
Me encanta.
Svelte ojalá lo pete este año.
Ojalá.
Me encantaría.
Y esos son los proyectitos.
Esos son los proyectos.
¿Hay algún proyecto...
¿Le da mil patadas esto al single file component de Vue?
Dice de la Cruz.
Hombre, yo creo que sí.
Yo creo que sí.
Que la idea está muy chula.
Claro.
Pero es que...
Claro, yo no tengo que decir que una variable debe variar...