Liquid Weekly #43 - Building a Form with Polaris

Learn how to build a form using Polaris and much more! 
Shopify Development news and articles
 
Liquid Weekly

Karl Says


Summer Survey 2022!☀️⛱🍉


Nothing says summer like a quick survey!
Let your voice be heard!
I'd love to learn a bit more about who you are, what you do and how Liquid Weekly can best help you.

It's short, it's fun and most of all it's something to do while you watch crypto implode

Thank you!

News & Articles

Kick-Off Your First Shopify App With React, NodeJS and Common Ninja
In this article, I'll walk you through the process of building your first Shopify app with Common Ninja, NodeJS, and React. And the best part? Once your app is ready, you can use the same code to monetize it on other e-commerce platforms that we support!
Building a Form with Polaris
Shopify puts a great deal of effort into Polaris and it’s used quite extensively within the Shopify ecosystem, by both internal and external developers, to build UIs with a consistent look and feel. Polaris includes 16 separate components that not only encompass the form element itself, but also the standard set of form inputs such as checkbox, color or date picker, radio button, and text field to name just a few.
Deploy your Hydrogen App to Cloud Providers in 10 Minutes
You can deploy a Hydrogen app to most Node.js and Worker runtimes. This guide describes how to deploy a Hydrogen app to Node.js, Google Cloud, and Cloudflare Workers. This guide describes how to deploy a Hydrogen app to Heroku, Google Cloud, and Cloudflare Workers!
HTML with Superpowers
The web has matured in the last 5 years and it might be time to start looking at how the Web’s native component system can give our HTML super powers. We’ll talk about how to create, style, and use Web Components in your project today as well as look at how the components you build today may offer a pathway to web standardization and help inform and influence the Web for future generations.

Code & Tools

Functional-Light JavaScript
"Functional-Light JavaScript" explores the core principles of functional programming (FP) as they are applied to JavaScript. But what makes this book different is that we approach these principles without drowning in all the heavy terminology. We look at a subset of FP foundational concepts that I call "Functional-Light Programming" (FLP) and apply it to JavaScript.
Cloud, Load, and Modular Code: What 2022 Looks Like for Shopify
On our cloud in 2021, our peak BFCM traffic surpassed 32 million app server requests per minute (RPM). In the same time period our load balancers peaked at more than 34 million RPM. To put that in perspective, this means that the equivalent of Texas’s total population hit our load balancers in a given minute. One flash sale—a short-lived sale that exceeds our checkout per minute threshold—even generated enough load to use over 20% of our total computing capacity at its peak.
Amazon's new role-playing game can help you build your AWS skills
As part of its efforts to provide free cloud computing skills (opens in new tab) training to 29m people by 2025, AWS (opens in new tab) has released a new game-based 3D role-playing experience called AWS Cloud Quest: Cloud Practitioner (opens in new tab). Designed by AWS Training and Certification, AWS Cloud Quest aims to help adult learners gain practical AWS experience. To beat the game, learners will need to complete quests that build cloud skills while helping the 3D world's citizens build a better city. Gameplay includes videos, quizzes and hands-on exercises based on real-world business scenarios.

Changelog


API

New options for app subscription upgrades and downgrades
As of GraphQL Admin API version 2022-07, app developers can now choose their preferred update behavior when upgrading or downgrading merchant application subscriptions. By specifying the desired AppSubscriptionReplacementBehavior type, app developers can control whether the new subscription goes into effect immediately or is deferred to the end of the current subscription's billing cycle. By default, all app subscription changes will continue with the existing behavior.

Jobs

Front-End and Full Stack, FT, Canada
Heather Tovey at iamota is hiring two new Canada-based team members for the iamota dev team: Front-End and Junior Full-Stack. Come work with me!
Enavi - Full Stack Shopify App Developer, US Remote
Become part of a small growing Shopify development and CRO agency. If you are looking for an opportunity to learn, collaborate, and create solutions you've found the right job. We are looking for a Full Stack Shopify App Developer who will be responsible for working with custom apps. The first project you will be working on is a custom subscription app
Maestrooo - Support specialist (junior position, remote)
Maestrooo is the leading Theme company on Shopify. Our themes are used by tens of thousands of merchants every year, ranging from bootstrappers to large companies, who take advantage of our beautiful design, stable code, and outstanding support. In order to cope with the constantly increasing support load, we are looking for a new support staff member who will help us to grow in a sane way.

Tip of the Week

Construct a JS Value Object of Variant Data

To simplify access to Liquid Objects it can be helpful to construct JS object to hold values

Doing this inside your product templates creates an object that you can fill with whatever information you want that pertains to the variants of your product:

  <script>
 var customVariantObject = {};
 ﹛% for var in product.variants %﹜
  customVariantObject[﹛﹛- var.id -﹜﹜] = {
    inventoryQuantity : ﹛﹛ var.inventory_quantity | default: 0 ﹜﹜,
    available : ﹛﹛ var.available ﹜﹜,
    inventoryManagement : “﹛﹛ var.inventory_management ﹜﹜”,
    inventoryPolicy : “﹛﹛ var.inventory_policy | default: “deny”﹜﹜”
  };
 ﹛% endfor %﹜
</script>﹛

Watch Seán's video for more details about this approach

 

Older messages

Liquid Weekly #42 - How To Build A Theme From Scratch

Tuesday, June 14, 2022

Learn all about the process for building a theme from scratch Shopify Development news and articles Issue #42 - 6/14/2022 Read Online Liquid Weekly News & Articles How To Build A Theme From Scratch

Liquid Weekly #41 Migrating a theme to Online Store 2.0

Tuesday, June 7, 2022

Learn how to migrate a theme to Online Store 2.0 Shopify Development news and articles Issue #41 - 6/7/2022 Read Online Liquid Weekly News & Articles Lessons learned: Migrating a theme to Online

Liquid Weekly #40 Carousel with Alpine.js

Tuesday, May 31, 2022

Tutorial using Alpine.js and Shopify Dev Store Testing Shopify Development news and articles Issue #40 - 5/31/2022 Read Online Liquid Weekly News & Articles Custom JavaScript Carousel (Slider) with

Liquid Weekly #39 Reimagining Shopify Unite

Tuesday, May 24, 2022

An update on Shopify Unite and lots of developer goodness. Shopify Development news and articles Issue #39 - 5/24/2022 Read Online Liquid Weekly Karl Says Shopify Unite 2019 was my first and only in-

Liquid Weekly #38 Inspiration for App Development

Tuesday, May 17, 2022

Check out some great stories about building and launching your own app Shopify Development news and articles Issue #38 - 5/17/2022 Read Online Liquid Weekly Karl Says Thinking about creating your own

You Might Also Like

🖤 Laravel Black Friday Deals!

Wednesday, November 27, 2024

The biggest deals of the year Laravel Black Friday Deals View in browser Laravel News Editor Note: We are sending this outside the regular Sunday newsletter schedule because some of these specials end

BetterDev #271 - Memory: The Forgotten History and Why did Windows 95 setup use three operating systems?

Wednesday, November 27, 2024

Better Dev #271 Nov 26, 2024 Hi all, Welcome to thanksgiving issue of BetterDev. Hope everyone had a safe and warm thanksgiving. It's getting so cold these days. If you are in warzone such as

Mapped | Unemployment Rate By U.S. State in 2024 💼

Tuesday, November 26, 2024

As of October 2024, DC and Nevada tied for the highest unemployment rate in the US at 5.7%. Which states saw the lowest rates? View Online | Subscribe | Download Our App FINAL CHANCE - ENDS TONIGHT!

🔊 7 DIY Tips for Soundproofing a Room — Why I Switched to Xfce for Linux Mint

Tuesday, November 26, 2024

Also: Home Theater Sound Terms Explained, and More! How-To Geek Logo November 26, 2024 Did You Know The shiny layer of a CD doesn't contain the data; the plastic polycarbonate layer does. The shiny

JSK Daily for Nov 26, 2024

Tuesday, November 26, 2024

JSK Daily for Nov 26, 2024 View this email in your browser A community curated daily e-mail of JavaScript news JavaScript Certification Black Friday Offer – Up to 54% Off! Certificates.dev, the trusted

NumPy, Loop Targets, Vector Animation, and More

Tuesday, November 26, 2024

NumPy Practical Examples: Useful Techniques #657 – NOVEMBER 26, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo NumPy Practical Examples: Useful Techniques In this tutorial, you'll learn how to

Your Games Quarterly newsletter has arrived

Tuesday, November 26, 2024

What's new for games in Google Play and Android Email not displaying correctly? View it online November 2024 The First Developer Preview of Android 16 The First Developer Preview of Android 16

Daily Coding Problem: Problem #1620 [Hard]

Tuesday, November 26, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Dropbox. Sudoku is a puzzle where you're given a partially-filled 9 by 9 grid with

Final Hours: Help Save "The Art of Data" From Falling Short 🙏

Tuesday, November 26, 2024

Will Visual Capitalist end up revealing the secrets behind data storytelling? There are 12 hours left to change the fate of "The Art of Data". View Online | Subscribe | Download Our App Help

Spyglass Dispatch: Meta's Bluesky • Apple's China AI Problem • Apple's Chinese iPhone Problem • Perplexity Voice Pin • Susan's Message on Lung Cancer

Tuesday, November 26, 2024

Meta's Bluesky • Apple's China AI Problem • Apple's Chinese iPhone Problem • Perplexity Voice Pin • Susan's Message on Lung Cancer The Spyglass Dispatch is a free newsletter sent out