Conocimientos sobre lo que debemos de saber y como crear nuestro primer proyecto básico obteniendo las bases — Lo que voy a tratar de exponer en este artículo es una breve introducción para hablar de que es Qwik, sus características principales y que nos ofrece que no puedan ofrecer opciones como otras tecnologías Javascript que podrían ser Angular, React, Vue,… donde encontramos el concepto de la hidratación, que…

Claves al detalle para trabajar con las rutas en Qwik — Comenzamos un nuevo artículo en el que vamos a trabajar de manera más profunda con las rutas en Qwik, después de haber obtenido las nociones básicas en el artículo inicial. Todos los artículos publicados del curso los encontraréis en la siguiente lista que iré actualizando semanalmente y estableciendo el orden…

Claves para entender como trabajar con los componentes en Qwik — Una vez completados los dos primeros artículos del curso empezamos a trabajar con los componentes, que es un elemento super importante para poder refactorizar y reutilizar código en nuestros proyectos. Debido a la importancia que tiene vamos a trabajar de manera especifica con los componentes, completamente desde 0, como si…

Claves para trabajar con los layouts (plantillas) aplicando buenas prácticas — Comenzamos un nuevo artículo en el que vamos a trabajar de manera más profunda con las plantillas en Qwik en base a las rutas que iremos seleccionando. Para poder trabajar en este artículo es fundamental haber leído y entendido los artículos anteriores, el correspondiente al enrutamiento (Routing) y al trabajo…

Claves detalladas para trabajar con buenas prácticas aplicando los estilos en Qwik — Comenzamos un nuevo artículo en el que vamos a trabajar de manera más profunda con los estilos en Qwik para complementarlo junto con todo lo que hemos aprendido hasta ahora. Os recomiendo leer los artículos anteriores en orden y si practicáis, ¡¡mucho mejor!!. Recordad, que si hay dudas, aun leyéndolo…

Claves para entender los conceptos de como integrar mapas en Leaflet con Qwik — Comenzamos un nuevo artículo en el que vamos a trabajar consumiendo desde un paquete NPM para poder añadir mapas Leaflet dentro de Qwik. Os recomiendo leer los artículos anteriores en orden y si practicáis, ¡¡mucho mejor!!. Recordad, que si hay dudas, aun leyéndolo, podéis preguntarlo en los comentarios. Todos los…

Claves para entender como funciona el control de estados y casos prácticos — La gestión de Estado (State) es una de las partes más importantes de cualquier aplicación, sea en Qwik o en tecnologías como Angular, React,… Con esto estaremos controlando el flujo de la información en tiempo real dentro de nuestra aplicación de manera global, de manera aislada en un componente o…

Claves para entender como podemos consumir información de APIs externas mediante casos prácticos — El consumo de información de las APIs (habitualmente REST aunque hay opciones como GraphQL) es una de las partes más importantes de cualquier aplicación Frontend. Los conceptos sobre esta manera de trabajar son comunes para todas las tecnologías donde trabajamos con aplicaciones Frontend. Por lo tanto, si entendemos bien los…

Claves para entender el funcionamiento de las tareas y el ciclo de vida en proyectos Qwik para poder realizar aplicaciones eficientes y más rápidas — Comenzamos con un nuevo artículo en el que vamos a ver un concepto super importante y que bajo mi punto de vista es esencial para subir de nivel en cualquier tecnología como en este caso en Qwik Framework, pero que también sería necesario entender en tecnologías como Angular, React, Vue,……

Guía completa para poder crear aplicaciones en diferentes idiomas mediante i18n — Comenzamos con un nuevo artículo en el que vamos a dar todos los pasos necesarios desde 0 con el proceso de instalación, configuración y puesta en marcha, para poder crear una aplicación en Qwik en varios idiomas, viendo todos los entresijos de esta librería y así aprovechar todo su potencial. …

Claves para entender y poder trabajar con la función $translate — Comenzamos con la segunda parte del conocimiento que vamos a adquirir en Qwik sobre trabajar con proyectos aplicando internacionalización. En este caso vamos a trabajar en profundidad con la función $translate y funciones relacionadas para mostrar fechas, divisas,…en el idioma seleccionado. La primera parte la podéis encontrar en este enlace:

Claves para poder publicar nuestro proyecto de Qwik en Netlify de una manera muy sencilla — En este artículo se presentan las claves para publicar un proyecto de Qwik en Netlify de manera sencilla siguiendo unos pasos sencillos de aplicar. Empezaremos desde cómo hacer una copia local del repositorio base en Github, y como instalar y configurar el adaptador de Netlify en el proyecto. También se…

Claves para poder publicar nuestro proyecto de Qwik en Vercel de una manera muy sencilla — En este artículo se presentan las claves para publicar un proyecto de Qwik en Vercel de manera sencilla siguiendo unos pasos sencillos de aplicar. Anteriormente he creado un artículo relacionado a este donde enseño a publicar nuestros proyectos en Netlify: Qwik — Deploy en Netlify Claves para poder publicar nuestro proyecto de Qwik en Netlify de una manera muy sencillamugan86.medium.com

Claves para poder usar componentes React de proyectos propios o de librerías de componentes — En este artículo os voy a enseñar a utilizar React dentro de Qwik utilizando Qwik React. La ventaja principal de utilizar Qwik React es que vamos a poder utilizar componentes y bibliotecas existentes de React dentro de Qwik, tanto de nuestros proyectos o paquetes NPM que podamos encontrar, dando posibilidad…

Claves para aprender a trabajar este hook que nos permite hacer un tracking por defecto y encima retornar un valor — Comenzamos con un nuevo artículo en el que vamos a aprender a hacer uso del hook useComputed$() función que nos va a facilitar mucho el trabajo cuando trabajamos con valores computados. Os recomiendo leer los artículos anteriores en orden y si practicáis, ¡¡mucho mejor!!. Recordad, que si hay dudas, aun…

Claves para entender el funcionamiento de los Hooks y como crear los nuestros propios — Comenzamos con un nuevo artículo en el que nos vamos a sumergir en un concepto que bajo mi punto de vista es muy importante conocer y dominar. Vamos a explorar al detalle los custom hooks en Qwik, comprendiendo su estructura, su uso y los beneficios que aportan a nuestros proyectos. …

Claves para poder integrar Bootstrap en nuestros proyectos de Qwik — Comenzamos con un nuevo artículo en el que vamos a aprender a hacer paso a paso la integración de la librería Bootstrap en Qwik. Veremos paso a paso lo que tenemos que ir haciendo, las claves para poder configurarlo, visualizar los problemas a la hora de configurarlo de una manera…

Claves para crear un menú completo avanzado con Qwik en varios pasos sencillos usando el hook useContent — Comenzamos un nuevo artículo en el que vamos a aprender a crear menús avanzados con Qwik mediante el uso de contenido de tipo Markdown junto con el hook useContent(). La información de referencia que vamos a utilizar es la que os proporciono a continuación. Qwik City - Menu - Qwik Menus allow you to describe the site navigation structure in a simple declarative way. Menus come in two steps…qwik.builder.io