Razones para aprender Qwik

Esta es una pregunta muy subjetiva, y lejos de responderte con una respuesta técnica y superabstracta, te quiero decir sencillamente que por comodidad. Me explico: viniendo del universo React, puedo afirmar que vengo de un ambiente muy cómodo. Y Qwik me recuerda en muchas cosas a React, y me hace sentir igual o más cómodo. Ahora mismo Qwik todavía no es production-ready como se suele decir, pero os aseguro que tiene mucho potencial. Te lo explico de una forma accesible.

DISCLAIMER: si quieres una razón más técnica de la que te voy a dar, te invito a que le eches un vistazo a la documentación oficial, y que la guardes en favoritos, porque echaremos unos buenos momentos ahí.

Framework basado en componentes

Esto no es una novedad, muchísimos de los frameworks de JavaScript en la actualidad funcionan de la misma forma. Tenemos un componente, le pasamos unas props y ya empieza la magia: ya tenemos componentes modulares. Si no tienes mucha experiencia con props, no te preocupes, lo vemos más adelante en el curso en el apartado de Componentes.

   // Componente sin props
   import { component$ } from '@builder.io/qwik';

   export default component$(() => {
     return (
       <button>Soy un botón inútil</button>
     );
   });
          

   // Componente con props
   import { component$ } from '@builder.io/qwik';

   export default component$(({ text = "Texto por defecto" }: { text: string }) => {
     return (
       <button>{text}</button>
     );
   });
          

SSR

Esto es quizá lo más espectacular. Si bien es cierto, que otros frameworks pueden lograr el SSR, lo característicos de Qwik es que ese es su default, es decir, que todo se carga desde el servidor a no ser que se diga lo contrario. Por lo cual, si todo ya viene desde el servidor, ganamos en velocidad y rendimiento, y en ahorrarle trabajo al cliente.

Lazy Loading por defecto

Qwik se basa en microscripts de JavaScript que se cargan on demand, es decir, solamente si realmente se necesitan. Imagínate: tenemos una página web en la que tenemos el botón típico para hacer el toggle del theme, también tenemos el botón que abre el menú desplegable, un par de botones para cargar más artículos, etc. Con Qwik podemos hacer que todos esas lógicas de JavaScript se carguen tan solo al hacer click al botón de manera que nos ahorramos toda esa lógica si el usuario no interactua con esos elementos.