Issue 100 - Shopify Front-End Developer’s Guide: 2023

  • Smart caching to keep data fast and fresh in Hydrogen - YouTube

    Here’s how you can keep data fast and fresh in Hydrogen by caching sub-requests and leveraging stale-while-revalidate

    Shopify

  • 3 ways to find your worst JavaScript offenders for page load

    When I work on optimizing a website, one of the first steps I do is evaluating all of the JavaScript needed for page load. While First Input Delay and Interaction to Next Paint are the user-experience metrics most dependent on JavaScript, I don’t necessarily start debugging those right away

    Sia Karamalegos

  • Shopify Front-End Developer’s Guide: 2023 (Beginners Start Here) - YouTube

    In this video, I cover how to get into Shopify front-end development in 2023. The three steps I highlight are: learning HTML, CSS, & JavaScript, learning Liquid, & Learning the Shopify admin.

    Will Misback

  • Shopify Workshops

    Workshops provide a guided, tutorial, hands-on coding experience. Most workshops will step you through the process of building an application, theme, or function.

    Shopify

  • Testing and debugging practices for Shopify Functions

    When using "Simplified deployments" Shopify CLI / Functions now support 'yarn dev' A file watcher which will automatically compile and push your function changes without the need to deploy

    Shopify

  • Shopify Flow - New triggers

    New triggers for product variant back in stock and out of stock are not available. Flow also provides an Inventory quantity changed trigger, which also works at the variant level.

    Shopify

  • Free SVG generators, color tools & web design tools

    ffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds

    fffuel

  • One CTO's quest to never type "the" again - Erik Schluntz

    A few years ago I noticed that a LOT of my slack messages were repetitive. There were common phrases I used a lot (if I remember correctly) and common first steps for tasks or questions I was asked (can you post a screenshot?). If the next few words I’m going to write are obvious, why do I even need to write them?

    Erik Schluntz