Techreport blog

Engineering Insights & Guides

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

11,778 articles
Networking — Throughput autoscaling: Dynamic sizing for Facebook.com

Throughput autoscaling: Dynamic sizing for Facebook.com

Facebook’s web tier is one of the main services that handle HTTP requests from people using our services each time they interact with Facebook. It is a massive global service distributed across multiple data centers throughout the world. Since we have people from all over the world using our services, the load on the web […]

MEMeta Engineering·September 14, 2020Networking
Frontend — Animating React Components With GreenSock — Smashing Magazine

Animating React Components With GreenSock — Smashing Magazine

GreenSock Animation Platform (GSAP) is a set JavaScript functions that let you tween a value/attribute/CSS property over time and insert these tweens into a timeline for more complex animations. In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations.

BKBlessing KrofeghaBlessing Krofegha·September 14, 2020Frontend
Career & Teams — Smashing Magazine Is Fourteen!

Smashing Magazine Is Fourteen!

This week we celebrate the 14th birthday of Smashing Magazine. We didn’t quite have the year that we planned though! I took a look back at some memories from this year and previous years — with the help of the team and some Smashing friends.

RARachel AndrewRachel Andrew·September 11, 2020Career & Teams
SRE & Ops — An Introduction To Running Lighthouse Programmatically — Smashing Magazine

An Introduction To Running Lighthouse Programmatically — Smashing Magazine

Being able to run Google’s Lighthouse analysis suite programmatically provides a lot of advantages, especially for larger or more complex web applications. Using Lighthouse programmatically allows engineers to set up quality monitoring for sites that need more customization than straightforward applications of Lighthouse (such as Lighthouse CI) allow. This article contains a brief introduction to

KBKaty BowmanKaty Bowman·September 11, 2020SRE & Ops
Frontend — Migrating cdnjs to serverless with Workers KV

Migrating cdnjs to serverless with Workers KV

Cloudflare powers cdnjs, an open-source project that delivers popular JavaScript libraries to over 11% of websites. Today, we are excited to announce its migration to a serverless infrastructure using Cloudflare Workers and its distributed key-value store Workers KV!

TTylerTyler·September 10, 2020Frontend
Engineering — Defining "View Source"

Defining "View Source"

Last time there was a little flurry of activity around the concept of "View Source," I did get the sense that not everyone was on the same page about what

CCChris Coyier·September 10, 2020Engineering
Engineering — Get Up And Running With Craft CMS — Smashing Magazine

Get Up And Running With Craft CMS — Smashing Magazine

Choosing what CMS to use in your next development project is a critical decision for any business, large or small. In this guide, Jonathan Kelley is going to run through the potential of Craft CMS, setting up a local environment and creating a basic cat blog with an API endpoint to accompany it. It’s a perfect jumping off point for anyone looking to expand from their current CMS system, or make th

JKJonathan KelleyJonathan Kelley·September 10, 2020Engineering
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