Liquid Weekly #53 -  Building an App Clip with React Native

Building an App Clip with React Native 
Shopify Development news and articles
 
Liquid Weekly

News & Articles

Building an App Clip with React Native
When the App Clip was introduced in iOS 14, we immediately realized that it was something that could be a big opportunity for the Shop app. Due to the App Clip design, being a lightweight version of an app that you can download on the fly, we wanted to investigate what it could mean for us. Being able to instantly show users the power of the Shop app, without having to download it from the App Store and go through the onboarding was something we thought could have a huge growth potential.
Shopify Liquid Theme Programming for beginners
Learn Liquid Programming and 10x your career as a Shopify developer. Understand how Liquid works and what it can do.
Advanced grid layouts with the cycle tag
Using iteration tags in theme development is pretty much a necessity when creating a Shopify theme that will showcase multiple products (which is definitely most cases). We'll generally use the for loop to display each product from a shop or collection on the page. This is great for just placing the products on the page, but doesn't give a lot of options if you want to set up more complicated html markup and/or varying css classes.
Hacking together an AJAX Collection API in Shopify
In this video, I'll share with you a hack I learned in order to asynchronously load collection data by appending ?view= to collection urls and using the layout none tag. By the end, you'll understand how to essentially create your own AJAX Collection API within Shopify!
Build a CUSTOM Shopify Storefront using Hydrogen
Follow along with Ania as she builds a custom Shopify Storefront using Hydrogen ( a React-based framework).
Allow customers to edit their own metadata
Shopify recently added support in the merchant admin UI to view and edit customer metafield data, but there’s still no way for customers to add/update these values directly from the storefront. Enter Customer Fields.

The Helium Customer Fields app is the all-in-one customer data toolkit for Shopify, allowing you to extend the customer registration flow and collect unique data from customers. Customer Fields is free to use on development stores and will help you save time and money when doing builds related to customer data. Build with Customer Fields: See developer docs

Code & Tools

Shopify App Node
This is a sample app to help developers bootstrap their Shopify app development. It leverages the Shopify API Library on the backend to create an embedded app, and Polaris and App Bridge React on the frontend. This is the repository used when you create a new Node app with the Shopify CLI.
Handling Events
Each browser event handler is registered in a context. In the previous example we called addEventListener on the window object to register a handler for the whole window. Such a method can also be found on DOM elements and some other types of objects. Event listeners are called only when the event happens in the context of the object they are registered on.
Getting Started with Vite
Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its Plugin API and JavaScript API with full typing support.
Shopify drawer cart DAWN 5.0 update
Here's an update to a recent video about building a drawer cart for the Dawn 5.0 update. Get the cart on github: https://github.com/theotrain/dawn-v5-... And watch the video where I build this cart
Difference Between ==, eql?, equal? in ruby
Read an overview of some of the subtle differences between equality operators in ruby. All things being equal, it's a helpful article!

Changelog


API

Storefront API `ContentEntry` queries
With GraphQL Storefront API version 2022-10, you can use ContentEntry queries to display custom content that's associated with resources like products, customers, and orders. Metaobjects created with the CONTENT category with an Active status are available through ContentEntry queries.
Added revision_id field as part of webhook payload for SubscriptionContractCreate and SubscriptionContractUpdate
The revision_id field was added as part of webhook payload for SubscriptionContractCreate and SubscriptionContractUpdate.
Changes to GraphQL API MoneyV2-related fields
As of 2022-10, the Money scalar is being removed from the Storefront API. It was previously used for monetary fields that do not have a V2 suffix (<name>: Money). As a result, the following changes are being made: * Non-V2 fields will now use MoneyV2 objects for their type (<name>: MoneyV2). * Monetary fields that do have the V2 suffix (<name>V2: MoneyV2) are being deprecated in favor of the <name>: MoneyV2 equivalent. These fields will be removed in subsequent releases.

Platform

Automatic image delivery in AVIF
Shopify now supports automatically optimizing storefront images using the AV1 Image File Format (AVIF) format, which improves performance by reducing delivered bytes. Optimization occurs on a per image basis, where Shopify will examine the request and determine the best compatible file format (e.g. AVIF, WebP or JPEG) based on image quality and compressed bytes.
Changes to the required app icon size in the Partner Dashboard
Icons added to your app using the Partner Dashboard App setup page now must be 1200 px by 1200 px in size. This change makes icon sizes consistent across the Partner Dashboard, the Shopify App Store, and other development surfaces.

Events

Nothing on the radar
 

Older messages

Liquid Weekly #52 -  Updating Shopify page sections with Liquid

Tuesday, August 30, 2022

Learn How To Update Shopify page sections with Liquid Shopify Development news and articles Issue #52 - 8/30/2022 Read Online Liquid Weekly News & Articles Updating SHOPIFY page sections with

Liquid Weekly #51 -  How To Fix Video Embed in Shopify Dawn Theme

Tuesday, August 23, 2022

Learn How To Fix Video Embed in Shopify Dawn Theme Shopify Development news and articles Issue #51 - 8/23/2022 Read Online Liquid Weekly News & Articles Combining discounts For some of your

Liquid Weekly #50 -  A Brand New Type Of Shopify Apps: Checkout Extensions

Tuesday, August 16, 2022

Learn all about checkout extensions Shopify Development news and articles Issue #50 - 8/16/2022 Read Online Liquid Weekly Karl Says It's back to school season here in the USA. What are you studying

Liquid Weekly #49 -  What do developers need to know about store design?

Tuesday, August 9, 2022

Learn about the importance of store design Shopify Development news and articles Issue #49 - 8/9/2022 Read Online Liquid Weekly Karl Says This issue couples an excellent treatise on the importance of

Liquid Weekly #48 -  Show pickup availability on product pages

Tuesday, August 2, 2022

Learn how to show pickup availability on product pages Shopify Development news and articles Issue #48 - 8/2/2022 Read Online Liquid Weekly News & Articles We Worked at Shop If you were affected by

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your