Techreport blog

Engineering Insights & Guides

The best problem-solving writing in software engineering — databases, performance, security, frontend and distributed systems, in one feed.

11,777 articles
Career & Teams — How We Built Size.link - Shopify

How We Built Size.link - Shopify

On July 20, 2020 we held ShipIt! Presents: AR/VR at Shopify. Daniel talked about what we’re doing with AR/VR at Shopify. The video of the event is available. Size.link is a free tool built by Shopify’s Augmented Reality (AR) team that lets anyone view the size of a product in the space around them using their smartphone camera. The tool came out of our April Hack Days focused on helping retailers

SEShopify Engineering·July 13, 2020Career & Teams
Frontend — Crowdfunding Web Platform Features With Open Prioritization — Smashing Magazine

Crowdfunding Web Platform Features With Open Prioritization — Smashing Magazine

In this article, Rachel Andrew takes a look at a new effort to crowdfund the costs of implementing browser features. She encourage developers to use, talk about, and raise implementation bugs with browsers to try to get features implemented, however, what if there was a more direct way to do so? What if web developers could get together and fund the development of these features? This article is b

RARachel AndrewRachel Andrew·July 13, 2020Frontend
Frontend — How To Create A Custom React Hook To Fetch And Cache Data — Smashing Magazine

How To Create A Custom React Hook To Fetch And Cache Data — Smashing Magazine

There is a high possibility that a lot of components in your React application will have to make calls to an API to retrieve data that will be displayed to your users. It’s already possible to do that using the `componentDidMount()` lifecycle method, but with the introduction of Hooks, you can build a custom hook which will fetch and cache the data for you. That’s what Ademola Adegbuyi will cover

AAAdemola AdegbuyiAdemola Adegbuyi·July 13, 2020Frontend
Engineering — GitHub Action Hero: Jeremy Shore

GitHub Action Hero: Jeremy Shore

The GitHub community is capable of incredible things! GitHub Actions is just one of the amazing tools made available for developers. Actions is here to help you automate your workflows,…

MDMichelle DukeMichelle Duke·July 10, 2020Engineering
Engineering — A Book Release For Click! And A Chance To Rethink Our Routines — Smashing Magazine

A Book Release For Click! And A Chance To Rethink Our Routines — Smashing Magazine

We shipped the first copies of *[Click! How to Encourage Clicks Without Shady Tricks](https://www.smashingmagazine.com/printed-books/click/)* in June, with a little extra something for preorder customers. The book is one of our most creative — beautifully designed and filled with great strategies for increasing conversion without falling into the dead-end routine of dark patterns. It’s a well-time

ASAri StilesAri Stiles·July 10, 2020Engineering
Frontend — CSS Transitions In Vuejs And Nuxtjs — Smashing Magazine

CSS Transitions In Vuejs And Nuxtjs — Smashing Magazine

Transitions are a nice way to remove, change, or update data in an application because their occurrence adds a nice effect and is good for the user experience. In this tutorial, Timi Omoyeni will look at the different ways to apply transitions in both Vue.js and Nuxt.js applications. Using these transitions in your applications and websites create a better visual experience and sometimes draws and

TOTimi OmoyeniTimi Omoyeni·July 10, 2020Frontend
Frontend — Frontity is React for WordPress

Frontity is React for WordPress

Some developers just prefer working in React. I don't blame them really, because I like React too. Maybe that's what they learned first. I've been using it

CCChris Coyier·July 9, 2020Frontend
Distributed — Media at Scale: Callbacks vs pipelines - Shopify

Media at Scale: Callbacks vs pipelines - Shopify

Shopify recently launched the ability to add videos and 3d models to products as a native feature within the Admin section. Learn how we used pipelines to manage the long-term maintenance and understandability of the code.

SEShopify Engineering·July 9, 2020Distributed
Engineering — Removing Panic From E-Commerce Shipping And Inventory Alerts — Smashing Magazine

Removing Panic From E-Commerce Shipping And Inventory Alerts — Smashing Magazine

There was a time when marketers used things like urgency, scarcity and FOMO to drive online shoppers to a sale. But scare tactics can actually hurt a brand’s relationships with customers. By their very nature, we run into similar problems with shipping and inventory alerts. That said, there are ways that web designers can keep panic and frustration from seeping into the shopper’s experience. If yo

SSSuzanne ScaccaSuzanne Scacca·July 9, 2020Engineering
SRE & Ops — Introducing the GitHub Availability Report

Introducing the GitHub Availability Report

What is the Availability Report? Historically, GitHub has published post-incident reviews for major incidents that impact service availability. Whether we’re sharing new investments to infrastructure or detailing site downtimes, our…

KBKeith BallingerKeith Ballinger·July 8, 2020SRE & Ops
Distributed — Sponsored Post: ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Sponsored Post: ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Who's Hiring? * InterviewCamp.io has hours of system design content. They also do live system design discussions every week. They break down interview prep into fundamental building blocks. Try out their platform. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple, Dropbox, Mixpanel, and Instacart. Make your job search O(1), not O(n).

HSHigh Scalability·July 8, 2020Distributed