Introducción a Gatsby
Requisitos previos y herramientas de desarrollo
Clase 4 de 33 • Curso de Desarrollo de Aplicaciones Web con Gatsby JS
Contenido del curso
Preparando el entorno
Fundamentos de Gatsby
Creando la vista con React
Graphql en Gatsby
Usando plugins en Gatsby
Stripe checkout
Generando páginas programáticamente
- 24
Creando páginas en función de los datos
08:57 - 25
Manejo de Gatsby Templates
13:39 - 26
Terminando la Vista de Detalle de los Productos
05:58 - 27
StaticQuery vs. useStaticQuery
03:23 - 28
Construyendo el Carrito de Compras: useContext
08:18 - 29
Construyendo el Carrito de Compras: Vista
09:22 - 30
Construyendo el Carrito de Compras: Agregar productos al carrito
08:44 - 31
Comprando productos
08:34
Gatsby a producción
Resumen
Requisitos:
- Curso de Fundamentos de JavaScript
- Curso de React.js
- Opcional: Curso de React.js Avanzado
- Curso Básico de Node
- Opcional: Curso de Esenciales de Node.js
- Curso Básico de GraphQL
Herramientas de desarrollo:
- Prettier: Nos ayuda a formatear (corregir) nuestro código para seguir buenas prácticas.
- ESLint: Nos ayuda a detectar errores, incluso antes de ejecutar o probar nuestro código. De esta forma agilizamos el trabajo, ya que obtenemos una guía visual para detectar si algo está mal, todo esto al mismo tiempo que vamos programando.
Recuerda que puedes instalar los plugins de ambas herramientas en editor de código favorito. De esta forma no tendras que ejecutar un mismo comando todo el tiempo para detectar los errores, los plugins lo harán por ti cada vez que guardes tus archivos.