Hoy es lunes, hoy es 7 de octubre, por supuesto, hoy toca un nuevo framework de JavaScript.
Tenemos nuevo framework de JavaScript, por supuesto, por si tenéis algún tipo de duda,
por si por lo que sea creías que no iba a ocurrir, pues sí que ha ocurrido,
además con un nombre bastante bonito, tengo que decir, npx1, ¿vale?
Creando websites y aplicaciones es simplemente demasiado complejo.
One es un nuevo framework de React, pero ojo, que aquí viene lo interesante,
es que puedes crear tanto aplicaciones nativas y aplicaciones web.
Ojo, cuidado, que esto sí que es algo diferente, es como un Next.js,
pero que funciona tanto en React Native como en aplicaciones web.
Esto sí que es nuevo y ojo, que eso ha llamado bastante atención.
Está hecho con bit, o sea que va bastante rapidito, tiene rutas tipadas,
una cosa que ya le hace falta a Next.js, también funciona con archivos estáticos,
páginas en cliente, en servidor, y aquí tenéis una demo.
La demo está bastante bien, os tengo que decir que me ha gustado.
Aquí tenéis, está en 1,3, ¿vale?
Pero bueno, que podéis inicializar rápidamente, podéis utilizarlo con BAN,
por ejemplo, npx1, ya lo tenéis.
Funciona con Tamagui, que luego hablaremos de qué es Tamagui.
Aquí tienen ya un ejemplo donde tendríais, por ejemplo, un blog,
y aquí podéis ver un poquito de sintaxis.
Pero lo más interesante de la demo, ¿vale?
Aparte de que se parecen mucho a Next.js, de hecho, muchas ideas están sacadas con Next.js,
aunque tiene un query, una forma de hacer queries a APIs y tal ya preparada,
como un hook use query, que ya te ayuda.
Esto es lo interesante.
Fijaos, abriendo el simulador, puedes crear una aplicación nativa
con exactamente el mismo código que veis.
O sea, y además tienes como la posibilidad de tener un flag que se llama isWeb
para que, dependiendo de si es web o no, podáis renderizar cosas diferentes.
Lo que estáis viendo aquí es el mismo framework que se está ejecutando para la web
y para una aplicación nativa.
Esto sí que es diferente a Next.js, Remix y tal,
porque normalmente sí que no vemos este tipo de cosas.
Fijaos que además podéis tener dos archivos diferentes de layout,
donde tenéis layout para la web o layout native para la aplicación nativa
y podéis incluso cambiar un poco estilos, hacer que se modifique para una cosa y la otra.
¿Veis? Aquí podéis ver, pues este sea el de la página web,
pero podéis detectar si es algo que se puede tocar
y si se puede tocar, pues lo cambio de forma diferente.
No sé, esto sí que llama bastante la atención
porque normalmente sí que lo hace un poquito más complicado.
Mirando un poco el ejemplo, se ve parecido a...
Sí, entiendo que por debajo utiliza React Native de alguna forma.
Es muy parecido a Next.js en cuanto a syntax y tal.
Lo más interesante también que tiene es esto de la query.
Esto del use query tiene como un custom hook suyo propio
para manejar todo el tema de la sincronía, ¿vale?
Así que, claro, todo el tema este de native lo utiliza también gracias a Tamagui,
que es lo que te extrae el CSS, que es un compilador que te optimiza cosas y tal.
Y este es lo que está utilizando por debajo Juan, ¿eh?
Así que, bueno, está muy verde.
No es que os recomiende ni mucho menos que la aprendáis,
porque creo que todavía ahora mismo hay muy poquito que ver de esto de Juan,
pero sí que es verdad que más que nunca este meme se hace cierto.
Esto es un atraco.
¡Ay, qué alivio!
Creí que era otro framework de JavaScript.
O sea, la verdad es que si no he pasado una semana sin un nuevo framework,
es tiempo perdido.
Tiempo perdido.
Tiempo perdido totalmente.
Bueno, me ha parecido interesante.
Hay otros que han estado saliendo.
Hay uno que a mí me gusta bastante, que me gustaría probarlo,
porque me gusta bastante la documentación y tal, que es el de Waku, ¿vale?
Que ya os dije que es un framework mínimo de React, que está bastante bien.
Y también tenemos otro que ha creado, una persona que además está bastante en la comunidad,
que se llama Brisa, que si no me equivoco me escribió que la había sacado esta misma semana
y que está más basado como en web components.
O sea, y que mezcla ideas también de los server actions con conceptos de HTMX.
Parece que está como bastante cerca más de la plataforma.
Tiene soporte i18n por defecto.
También multiplataforma, que también lo puedes sacar en Android, en iOS, en escritorio y tal.
Por ahora está la versión 0.1.0.
Mira, aquí tenéis al creador, que si no me equivoco os haré el Roca.
Si no, a ver si no me he equivocado el nombre.
Pero, Aral Roca, perdón.
Aral, Aral Roca.
Ahí lo tenéis.
Pues otro framework que también está bastante interesante y que de nuevo, en este caso,
tened en cuenta que no envía nada de JavaScript al cliente por defecto.
Muy parecido a como hace Astro en este caso, ¿vale?
Así que lo que veis aquí es que se renderiza y no devuelve nada de JavaScript al cliente.
Ahora, si luego lo que hacéis es tener un estado, hacer todo lo que queráis hacer,
pues sí que se transforma en web components y utiliza signals para que tenga interactividad.
La verdad es que se ve interesante esta idea.
El hecho de no utilizar ningún framework, de intentar hacerlo lo más pequeñito posible
y simplemente utilizando signals y web components, luego tener pues algo interactivo realmente en el cliente.
Lo tengo que probar todavía, no me ha dado la vida.
Pero bueno, muy buena pinta, además con sabor hispano.
Así que le echaremos un vistazo al bueno de Brisa cuando vaya evolucionando.