Newsletter para devsEntra
Masterclass

Construye webapps con React y Vue gracias a Astro

Astro es un nuevo framework volcado en la mejora del rendimiento.

Duración total: 01:27:28

Código descargable

Acceso 100% online

Descripción de la masterclass

¿De qué va?

Exploramos las capacidades de Astro para crear aplicaciones web que pueden soportar componentes dinámicos creados con Vue, React o Svelte.

¿Qué necesitas saber?

Conceptos básicos de programación.

Nivel de dificultad

Intermedio

Tecnologías utilizadas

  • Astro
  • JavaScript
  • HTML

[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.

Explora los capítulos

1. ¿Qué es astro? [02:20]

¿Qué es astro?

[02:20]

2. Arrancar el primer proyecto con astro [11:23]

Arrancar el primer proyecto con astro

[04:06]

Estructura de carpetas

[04:14]

Frontmatter para dotar de funcionalidad a las páginas 🔥

[03:03]

3. Primera página con la extensión astro [10:15]

Primera página con la extensión astro

[03:07]

Primer componente astro

[04:10]

Ranuras (slots) 🔥

[02:58]

4. Layouts en astro [20:02]

Layouts en astro

[05:37]

Componente con React 🔥

[05:35]

Componente con Vue

[08:50]

5. Hidratación parcial para definir cuando se carga el JS [15:40]

Hidratación parcial para definir cuando se carga el JS

[05:00]

Cargar el componente cuando es visible 🔥

[08:00]

Cargar el componente según la media query

[02:40]

6. Crear un blog con contenido de una API [14:31]

Crear un blog con contenido de una API

[05:50]

Enrutamiento dinámico

[08:41]

7. Desplegar en Gitlab [13:17]

Desplegar en Gitlab 🔥

[13:17]

Descubre todo lo que puedes conseguir sucribiéndote a Web Reactiva

Contenido nuevo todas las semanas

Una comunidad de developers colegas en telegram

Desafíos y retos de programación para que mejores tus habilidades

400 horas de contenido en audio y vídeo

Entrevistas y masterclass en directo con los/las mejores profesionales

Precio

24€Matrículaplus15€Al mes

  • Contenido disponible 24/7
  • Audios y videos
  • Retos y desafíos
  • Todo el código descargable
  • Comunidad de developers
  • Acceso premium completo