Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

High-Performance Images Using Gatsby with Emma Bostian - Learn With Jason

Learn With Jason via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore high-performance image optimization techniques in Gatsby as Emma Bostian and Jason Lengstorf collaborate on enhancing Emma's portfolio page. Dive into the implementation of `gatsby-image` for improved performance and user experience, while gaining insights into StaticQuery, GraphQL, and Emma's web design approach. Learn about Gatsby Source File System, fragment queries, static queries, data extraction, and prop drilling. Discover design inspiration sources and the importance of maintaining simplicity in projects. Gain practical knowledge on refactoring, using Intersection Observer, and leveraging tools like gatsby-source-medium and gatsby-source-meetup for enhanced functionality.

Syllabus

Intro
Gatsby Source File System
SourceSet
Questions
Removing Node Modules
Fragment Query
Static Query
Rendering
Data Extraction
Importing Gatsby Image
Prop Drilling
Intersection Observer
Refactoring
Design Inspiration
Simple and Maintainable
Next Project

Taught by

Learn With Jason

Reviews

Start your review of High-Performance Images Using Gatsby with Emma Bostian - Learn With Jason

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.