Shopify Hydrogen is here - Learn more in this week's issue 
Shopify Development news and articles
 
Liquid Weekly

Karl Says


Hydrogen, Shopify's React-based framework for building custom storefronts is finally here. Learn more below!

News & Articles

Hello Hydrogen
What in the world is Hydrogen? No longer just a noble gas, it's also a great new framework for building out custom storefronts. Get the 411 in this ~4min video overview.
Hydrogen's Dev Site
Ready to dive in deeper? Check out the official developer site for Hydrogen. Roll up your sleeves, get your hands dirty and try out some code!
How to Migrate Shopify Themes to Online Store 2.0 (Liquid to JSON Templates)
Even though it's been four months since the announcement of OS 2.0 there's still plenty of time to learn. If you haven't dug into some of the new template features yet checkout this video to see how to replace your Liquid templates with JSON templates.
Liquid Conditional Statements - Extended
Go beyond the basics of Liquid conditional statements by exploring methods that extend their behavior
The Art of Not Taking Things Personally.
As a developer and a freelancer, this one hits close to home (upset client, anyone?). Read Dave's article to learn why other people’s emotions might not be about you — and your emotions might not be about them

Code & Tools

Shopify Partner Event Notifications in Slack
This Autocode app will send notifications to Slack when merchants install and subscribe to your app (as well as when they uninstall and unsubscribe).
Ruby Type Conversion
Ruby is considered a dynamically-typed language because the types of the objects that are live during the execution of a Ruby program are not known at compile time, they are only known at run time. Check out this article to learn how type coercion works in Ruby.
Developer Tools Secrets that Shouldn’t be Secrets
Most web developers spend a large amount of time using browsers' built in developer tools. Despite that it's easy to overlook the full power and utility available. Check out this article and see if you'be been overlooking any 'secrets'.

Changelog


API

Specify private metafields for webhooks using GraphQL Admin API
You can now specify private metafields that you want to include in the payload for events sent by that webhook subscription.

Events

I'm not currently aware of any upcoming events.
Have one to share? Drop me a line:

Jobs

Front-End, Remote
Electric Eye is looking for a full-time Front-end Shopify Developer. Proficiency in the Shopify ecosystem is required. Typical tasks include Shopify theme development, general site maintenance, custom feature creation, troubleshooting, and QA; all working alongside the lead developer and project managers.
Senior Front-End, Remote
Progress Labs is looking for someone to work closely with the team and help our clients launch highly functional, often complex Shopify stores. Javascript framework experience is desired - bonus for Vue.js or React
Full-Stack Developer, Remote
Pixel Union is looking for a full-stack developer experienced with Node.JS and React to join our Apps team and write readable, extensible, performant code for their apps.

Tip of the Week

Hide a Product from Search Engines Using Metafields

Have you ever wanted to hide a product from being indexed? I have

Did you know you could do that using a metafield?! Me neither.

Check this out.

All you need to do is create a new metafield for your products. The new metafield needs to have the following attributes:

  • "namespace" : "seo"
  • "key" : "hidden"
  • "value" : "number_integer"

Whenever you set the value of this metafield to 1 for a product it will cause noindex and nofollow meta tags to be added to the product page.

You can verify the metatags are in place with a simple query. For example, requesting a product id for a product where you have set this tag will result in something like:

https://mystore.myshopify.com/admin/products/12345/metafields.json

{
  "metafield": {
    "namespace": "seo",
    "key": "hidden",
    "value": 1,
    "type": "number_integer"
  }
}

This works for any resource that supports metafields, not just products. You can use this same technique with Articles, Blogs, Pages, etc.