Techreport blog

Engineering Insights & Guides

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

11,845 articles
Frontend — Tophatting in React Native - Shopify

Tophatting in React Native - Shopify

To provide a more convenient and painless experience, we built a tool enabling React Native developers to quickly load their peer’s work within seconds.

SEShopify Engineering·September 9, 2020Frontend
Frontend — How To Build A Blog With Next And MDX — Smashing Magazine

How To Build A Blog With Next And MDX — Smashing Magazine

In this guide, Ibrahima Ndaw will be looking at Next.js, a popular React framework that offers a great developer experience and ships with all of the features you need for production. We will also build a blog, step by step, using Next.js and MDX. Finally, we’ll cover why you would opt for Next.js instead of “vanilla” React and alternatives such as Gatsby.

INIbrahima NdawIbrahima Ndaw·September 9, 2020Frontend
Engineering — AVIF has landed

AVIF has landed

Everybody is talking about AVIF today because of Jake's blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web

CCChris Coyier·September 8, 2020Engineering
SRE & Ops — Fault tolerance through optimal workload placement

Fault tolerance through optimal workload placement

As our infrastructure has expanded, we have seen an exponential growth in failures that affect a subset of capacity in a data center. These may stem from software or firmware errors, or issues in the mechanical or electrical equipment in the data center. As our data center footprint grows, so does the frequency of such […]

CWChris Wiltz·September 8, 2020SRE & Ops
Frontend — All the Ways to Make a Web Component

All the Ways to Make a Web Component

This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting "A Bit on Web Components

CCChris Coyier·September 7, 2020Frontend
Frontend — How To Automate API Testing With Postman — Smashing Magazine

How To Automate API Testing With Postman — Smashing Magazine

Postman allows you to manually test your APIs in both its desktop and web-based applications. However, it also has the ability for you to automate these tests by writing JavaScript assertions on your API endpoints. In this article, Kelvin Omereshone will learn how to write automated tests on web APIs with Postman. In order to follow along to this tutorial, you’ll need at least a fair amount of fam

KOKelvin OmereshoneKelvin Omereshone·September 7, 2020Frontend
Design & UX — Supercharging Number Inputs

Supercharging Number Inputs

Speaking of number scrubbing (i.e. adding mouse UX to number inputs), you can also add better keyboard commands to number inputs. Kilian Valkhof explains how

CCChris Coyier·September 4, 2020Design & UX
Engineering — Release Radar

Release Radar

It’s back! We’re here to bring you the latest and greatest releases for September 2020. These are exciting new releases from some of the coolest projects around. There’s everything from…

MDMichelle DukeMichelle Duke·September 4, 2020Engineering
Frontend — Building A Component Library With React And Emotion — Smashing Magazine

Building A Component Library With React And Emotion — Smashing Magazine

A component library helps to keep a design consistent across multiple projects. It ensures consistency because any changes made will propagate across the projects that make use of it. In this tutorial, Ademola Adegbuyi will show you how to build a component library, using Emotion in React to resolve inconsistencies. At the end of this piece, you should be able to create a component library that fi

AAAdemola AdegbuyiAdemola Adegbuyi·September 4, 2020Frontend