Get 20% off all career paths from fullstack to AI
Learn Excel & Financial Modeling the Way Finance Teams Actually Use Them
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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