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