Issue 145 - How Shopify coded the Editions homepage Hero
- Shopify Remix QR Code App Tutorial Walkthrough
Let's do a video walkthrough of the QR Code App Tutorial on shopify.dev! Since they've updated the tutorial to use the newest Remix template, we go over some remix concepts and how we integrate Shopify utilities for app building.
Dev With Alex
- An open source, accessible, dependency free image lightbox
Overlays suck, but if you need one, you might consider using Parvus. Parvus is an open source, dependency free image lightbox with the goal of being accessible.
Benjamin de Oostfrees
- Use variables in input queries
You can use variables in the GraphQL input query of your function. This allows a function to have merchant configured values used as the variables for your input query. For example, you can use these variables to check if a product is inAnyCollection or hasAnyTag to add custom logic to your function.
Shopify
- Confusion over Shopify Performance Metric
The Shopify performance team has been doing a good job and is constantly working to ensure that merchants and enterprise clients understand the store's load time and performance. They recently updated the metric based on Real User data, mainly from the CruX database. However, I recently noticed an issue with the way the statistics are presented. Here is a snapshot from one of our clients.
Lokendra Panwar
- Understanding GraphQL Schemas and Types
In GraphQL, schemas act as a bridge between the client and the owner of the data, i.e., the Data Source. A schema defines a contract between the client and the server, providing a clear understanding of the data that can be queried. Upon receiving a query, the server validates the query against the GraphQL schema, then executes it and sends back the response in the requested shape.
Tailcall
- How Shopify coded the Editions homepage Hero
The hero on the latest @Shopify Editions page was all built with React Three Fiber. Here’s how we did it
Daniel Beauchamp
- Upgrading Your Mega Menu in Shopify
I don't like to use apps that much for the Mega menu. The other options would be to custom code to hire a developer to custom code something and the third option is actually to switch to a different theme with a better menu
Ed Codes