Learn how Shopify Writes React Native Apps 

Shopify Development news and articles

Liquid Weekly

Karl Says

Spring is right around the corner. How can you help your clients prepare for the usual late spring and summer holidays and sales?

News & Articles

Shipit! Presents: How We Write React Native Apps
Join Colin Gray, Haris Mahmood, Guil Varandas, and Michelle Fernandez who are the developers setting the React Native standards at Shopify. They’ll share more on how we write performant React Native apps.
Kurt Asks: what one feature do you wish was native to Shopify?
Kurt Elster of Ethercycle asked the question - check out the twitter thread to see what others have to say (and chime in with your own thoughts)
Explain the First 10 Lines of Twitter’s Source Code to Me
One of the questions I always like to ask during a technical interview is: “Explain the first ten or so lines of the Twitter source code to me.” I think it’s a simple test that tells me a lot about the depth of fundamental front-end knowledge they have, and this article lists the best answers.
The Shopify Entrepreneurial Developer
We often talk about how Shopify supports entrepreneurs from the first day of their journey building a business all the way to huge merchants that grow to become unicorns, or go public, and are just plain successful. Now it’s time to show the role of developers in helping this growth, but also how our developers themselves can grow from sustainable businesses to having their own IPOs.
How Shopify is Helping Developers Help Merchants in 2022
Running a successful online business is only getting harder, which is why our growing, global merchant base turns to the Shopify ecosystem for help. These merchants need Shopify to be the simplest, safest, and most personalized commerce ecosystem in the world. And that’s why we’re making significant improvements to how merchants discover, select, and make use of apps and themes this year.
3 key tips to improve e‑commerce site speed
If you’ve always had site speed on your radar, but never really given it much note or looked into how to make your site faster, now is the time to act. Handily, we’ve got a site speed checklist right here. Work your way these 3 key tips and your site will be breaking sprint world records in no time.
Storetasker: A network for excellent freelance Shopify devs
Hello readers! This is Charlie from Storetasker. Would be thrilled to have some of you join our community of freelance Shopify devs at Storetasker and get you paired up with amazing D2C brands (Judy, DS & Durga, Bubble all just happened in the past 2 months). Some of our devs make over $200k on Storetasker but you can also just choose to dip in and out when you want. 12c9165e-f6ea-11eb-96e5-06b4694bee2a%2F1645970154342-unnamed.png

Code & Tools

How to add multiple products with an AJAX cart
There may be times when you have a use case for adding multiple products to the Shopify cart with just one button. This could if you like to add an "buy this outfit" button or if you'd like to include a "buy the entire collection" button. In this tutorial we're going to show you how to add a Buy this collection button with AJAX.
Now for a bit of whimsy - Elevator.js fixes those awkward "scroll to top" moments the old fashioned way.
List of Ngrok Alternatives for Tunneling
If you've done any Shopify app development then you know you need a way to tunnel requests to your local machine during development. Ngrok used to be king, but now there are some new kids on the block. The purpose of this list is to track and compare tunneling solutions. This is primarily targeted toward self-hosters and developers who want to do things like exposing a local webserver via a public domain name, with automatic HTTPS, even if behind a NAT or other restricted network.
Create Beautiful Images of Twitter Posts
Here's a handy tool for easily creating and sharing images of twitter posts.
Liquid Math Filters
Math filters allow you to apply mathematical tasks. Math filters can be linked and, as with any other filters, are applied in order of left to right. Check out the documentation to see what's available
How to manually redirect customers after registration on Shopify
By default, both new and returning customers are directed to the “account” page after logging in. But being able to redirect customers to a certain page can add a lot of value to your store. In this guide, we will demonstrate how to redirect customers to a new location.



Display duties with Liquid using `order.total_duties`
A new attribute (total_duties) is now available on the order object. order.total_duties attribute returns the sum of all duties applied to line items in the order. order.total_duties returns nil if duties are not applicable to the order.


Scheduled Publishing to Channels is now Generally Available
We’ve just released Product Scheduled Publishing to Channels, allowing merchants to schedule products to be published to a sales channel at a specific datetime. For channels that have product validation workflows, you’ll need to integrate with scheduled product publishing so that your channel can validate products before their scheduled publication datetime.


April 13 - Introduction to Working With Shopify Themes
Following this practical workshop you’ll be able to set up a local development environment and edit theme code to customize an example storefront. We’ll also explore Shopify’s Liquid templating language and learn how it can be leveraged to display dynamic store content.
March 17 - Building Headless Storefronts on Shopify with Hydrogen - Online Workshops
Curious about Hydrogen -Shopify's React-based framework for building custom storefronts? Register now for an upcoming FREE workshop in March to explore the new framework and get a custom storefront up and running


Sponsored Job Postings are Now Available
Do you have a great opportunity in the Shopify development space? Share it with over 600 Shopify developers by placing a sponsored job posting in Liquid Weekly.
Content Marketing Manager, FT, Remote
The ideal candidate loves writing and topic research but also understands how to structure the article from the SEO point of view. We expect someone who will be autonomous and data-driven. Knowledge of the Shopify environment is a big plus, but general e-commerce understanding is fine, too.
Technical Lead, FT, Remote
Invisible Themes is looking for a full-time Technical Lead with deep Javascript knowledge to join our growing team! You will be building features, writing exemplary code for the development team to follow and defining the development roadmap.

Tip of the Week

Access variable in a section that’s defined in a snippet (up scoping)

This tip comes by way of a conversation in the Shopify Partner Slack between Edi and Lewis.

The question is, how do you access variables that are defined "below" your current scope, such as when a section defines a variable that you want to access in the section that included the snippet

Option 1 - Capture

Option 1 is to output the value from the snippet, and capture it in the section.



﹛﹛ 'now' | date: '%N' ﹜﹜


﹛% capture id %﹜
﹛% render 'unique' %﹜
﹛% endcapture %﹜
<div id="Section--﹛﹛id ﹜﹜"></div>

Option 2 - javascript

Option 2 is to use javascript to create a global variable in the snippet and then reference that same variable later in the section via js



﹛%- assign item_count = 0 -%﹜
﹛% for item in loop %﹜
﹛%- assign item_count = item_count | plus: 1 -%﹜

﹛% endfor %﹜


﹛% render 'unique' %﹜
const item_count = window.js_item_count
if (item_count === undefined || 0 ) {
} else {