Engineering Insights & Guides

React Server Components Best Practices You Can Use with Hydrogen - Shopify

A deep dive into the patterns and best practices for React Server Components learned while building Hydrogen, Shopify's React-based framework for building custom storefronts.

SEShopify Engineering·February 4, 2022Frontend

What Web Frameworks Solve: The Vanilla Alternative (Part 2) — Smashing Magazine

rameworks provide convenient ways to achieve complicated tasks, and they have benefits beyond technical ones, such as aligning a group of developers to a particular style and pattern. The web platform offers many choices, and adopting a framework gets everyone at least partially on the same page for some of those choices. In this second part, Noam suggests a few patterns of how to use the web plat

Noam Rosenthal·February 4, 2022Architecture

Need to keep analytics data in the EU? Cloudflare Zaraz can offer a solution

Zaraz offers a way to use tools like Google Analytics, but doing so with an approach that protects the privacy of personal information and keeps it in the EU

Yair Dovrat, Emily Hancock·February 3, 2022Engineering

Building a newbie-friendly codebase

Pedro Santos suggests:

CCChris Coyier·February 3, 2022Engineering

Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds — Smashing Magazine

In this article, we’ll look specifically at what we can do to reduce the impact of social media embeds and social sharing widgets — or even some strategies to avoid them altogether. While the spotlight is on reducing the environmental impact, many of these tips will be great for performance too.

Michelle Barker·February 3, 2022Performance

How to stop running out of ephemeral ports and start to love long-lived connections

Often programmers have assumptions that turn out, to their surprise, to be invalid. From my experience this happens a lot. Every API, technology or system can be abused beyond its limits and break in a miserable way

Marek Majkowski·February 2, 2022Engineering

Building a Scrollable and Draggable Timeline with GSAP

Here's a super classy demo from Michelle Barker over on Codrops that shows how to build a scrollable and draggable timeline with GSAP. It's an interesting

CCChris Coyier·February 2, 2022Engineering

User Registration With Firebase and React

This tutorial will work us through on how to implement user registration, verification, and authentication in React using Firebase.

Taminoturoko Briggs·February 2, 2022Security

GitHub Availability Report: January 2022

In January, we experienced no incidents resulting in service downtime to our core services.

Scott Sanders·February 2, 2022Engineering

How to build a CI/CD pipeline with GitHub Actions in four simple steps

A quick guide on the advantages of using GitHub Actions as your preferred CI/CD tool—and how to build a CI/CD pipeline with it.

Brian Douglas·February 2, 2022SRE & Ops

New sponsors-only repositories, custom amounts, and more

Along with the release of sponsors-only repositories, here’s a look at what’s new and what’s next for Sponsors.

Jessica Lord·February 2, 2022Career & Teams

Rapid Development with Hydrogen: Building a Product Page - Shopify

Hydrogen's currently in developer preview and I'm excited to show you how you can rapidly build out a simple product page by leaning on Hydrogen's components.

SEShopify Engineering·February 2, 2022Engineering

Improving JavaScript Bundle Performance With Code-Splitting — Smashing Magazine

In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles.