©2025 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Accede al curso completo
Estás visualizando el contenido gratuito de uno de nuestros cursos. Para poder ver el curso completo, puedes comprarlo o suscribirte a nuestro catálogo completo.
Materiales de la clase
Preguntas
dile-pages y dile-tabs
Miguel que tal, he notado, claro como todo que con el devenir, la documentación tiene cambios, esto aplica igualmente a dile-components, he estado usando algunos componentes para ejercicios, y noté que como muestras en esta 2 clase del curso de Lit. se consigue el mismo efecto o resultado con este pedacito de código.
Me refiero que hice un ejercicio con dile-tabs y dile-pages, y logro el mismo efecto, con esto.
Y veo que es mucho más limpio y directo, que como posiblemente se tenía en su momento con la versión usada de dichos componentes.
Totalmente! En una versión más moderna de los dile-components agregamos esa funcionalidad declarativa mediante la cual evitas tener que programar para enlazar un componente de tabs con uno de pages, a través de la propiedad selectorId. También pasa con el componente dile-selector.
Efectivamente, queda mucho más limpio pero si necesitas hacer cosas más avanzadas tendrás que seguir utilizando los eventos personalizados de los componentes.
Primeros pasos con Lit usando Vite como herramienta de desarrollo
En esta introducción a la librería Lit vamos a mostrar las cosas básicas para crear un proyecto donde usaremos Vite como herramienta de desarrollo, específicamente para levantar el servidor de desarrollo donde tendremos el proyecto en funcionamiento, en local.
Además veremos cómo crear un componente sencillo, simplemente a modo de prueba y cómo integrar componentes de otros desarrolladores desde npm, a modo de demo rápido del desarrollo basado en web components y que deje claro cuáles son los pasos para crear un proyecto desde cero y empezar a codificar usando la librería Lit y Vite como herramienta frontend.
Además veremos cómo crear un componente sencillo, simplemente a modo de prueba y cómo integrar componentes de otros desarrolladores desde npm, a modo de demo rápido del desarrollo basado en web components y que deje claro cuáles son los pasos para crear un proyecto desde cero y empezar a codificar usando la librería Lit y Vite como herramienta frontend.
Momentos de la clase
Aquí puedes consultar los momentos de la clase que se han destacado por su interés. De esta manera puedes acceder más rápidamente a aquellas partes que te interesen más.
Tú también puedes generar tus momentos y ayudar al resto de los estudiantes desde el reproductor.
Accede al curso completo
Estás visualizando el contenido gratuito de uno de nuestros cursos. Para poder ver el curso completo, puedes comprarlo o suscribirte a nuestro catálogo completo.
Descripción
En esta introducción a la librería Lit vamos a mostrar las cosas básicas para crear un proyecto donde usaremos Vite como herramienta de desarrollo, específicamente para levantar el servidor de desarrollo donde tendremos el proyecto en funcionamiento, en local.
Además veremos cómo crear un componente sencillo, simplemente a modo de prueba y cómo integrar componentes de otros desarrolladores desde npm, a modo de demo rápido del desarrollo basado en web components y que deje claro cuáles son los pasos para crear un proyecto desde cero y empezar a codificar usando la librería Lit y Vite como herramienta frontend.
Además veremos cómo crear un componente sencillo, simplemente a modo de prueba y cómo integrar componentes de otros desarrolladores desde npm, a modo de demo rápido del desarrollo basado en web components y que deje claro cuáles son los pasos para crear un proyecto desde cero y empezar a codificar usando la librería Lit y Vite como herramienta frontend.
Materiales de la clase
Momentos de la clase
Aquí puedes consultar los momentos de la clase que se han destacado por su interés. De esta manera puedes acceder más rápidamente a aquellas partes que te interesen más.
Tú también puedes generar tus momentos y ayudar al resto de los estudiantes desde el reproductor.
Preguntas
dile-pages y dile-tabs
Miguel que tal, he notado, claro como todo que con el devenir, la documentación tiene cambios, esto aplica igualmente a dile-components, he estado usando algunos componentes para ejercicios, y noté que como muestras en esta 2 clase del curso de Lit. se consigue el mismo efecto o resultado con este pedacito de código.
Me refiero que hice un ejercicio con dile-tabs y dile-pages, y logro el mismo efecto, con esto.
Y veo que es mucho más limpio y directo, que como posiblemente se tenía en su momento con la versión usada de dichos componentes.
Totalmente! En una versión más moderna de los dile-components agregamos esa funcionalidad declarativa mediante la cual evitas tener que programar para enlazar un componente de tabs con uno de pages, a través de la propiedad selectorId. También pasa con el componente dile-selector.
Efectivamente, queda mucho más limpio pero si necesitas hacer cosas más avanzadas tendrás que seguir utilizando los eventos personalizados de los componentes.