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

Infographic | How Small Investments Make a Big Impact Over Time 📈

Thursday, March 28, 2024

Compound interest is a powerful force in building wealth. Here's how it impacts even the most modest portfolio over the long term. View Online | Subscribe Presented by: EnergyX's groundbreaking

Fully Autonomous Development, AI .NET Components, Data Visualization ML Tutorial, More

Thursday, March 28, 2024

Home | News | How To | Webcasts | Whitepapers | Advertise .NET Insight March 28, 2024 THIS ISSUE SPONSORED BY: ■ Visual Studio Live! Chicago: .NET Developer Training Conference ■ dtSearch® - INSTANTLY

Daily Coding Problem: Problem #1395 [Hard]

Thursday, March 28, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Implement an LRU (Least Recently Used) cache. It should be able to be

72 x $99 tickets left for virtual product conference (May 2)

Thursday, March 28, 2024

​ACT FAST!​ ONLY 72 TICKETS AVAILABLE AT THE DISCOUNTED RATE OF $99! MAY 2, 2024 | ONLINE ACROSS THE WORLD Join product people from around the world on Thursday, May 2, for INDUSTRY, the #1 Virtual

⚙️ "I'm a GPT builder" 😎

Thursday, March 28, 2024

Plus: Elon's Grok will be available to all ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

🔒 The Vault Newsletter: March issue 🔑

Thursday, March 28, 2024

Get the latest business security news, updates, and advice from 1Password. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

📑 Discover The Power of AI With UPDF — 63% Off For a Limited Time

Thursday, March 28, 2024

Digitally Read/Sign/Edit/Summarize PDFs Seamlessly. Available Now at a Huge Discount! How-To Geek Logo March 28, 2024 Tired of Dealing With PDFs? Try AI-Powered UPDF With the Biggest Discount of the

Issue 310 - New Autopark looks awesome!

Thursday, March 28, 2024

View this email in your browser If you are just now finding out about Tesletter, you can subscribe here! If you already know Tesletter and want to support us, check out our Patreon page Issue 310 - New

Programmer Weekly - Issue 199

Thursday, March 28, 2024

View this email in your browser Programmer Weekly Welcome to issue 199 of Programmer Weekly. Let's get straight to the links this week. Quote of the Week "Optimization hinders evolution.

wpmail.me issue#660

Thursday, March 28, 2024

wpMail.me wpmail.me issue#660 - The weekly WordPress newsletter. No spam, no nonsense. - March 27, 2024 Is this email not displaying correctly? View it in your browser. News & Articles What's