Techreport blog

Engineering Insights & Guides

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

11,851 articles
Frontend — Building text animations for Instagram Stories

Building text animations for Instagram Stories

In August 2020, Instagram launched a set of dynamic and fun text styles followed by animations to give people more choices to express themselves on Stories and Reels. This was the first major update to Stories’ text tools since 2016, and we wanted to share how we approached some obstacles we encountered and what we […]

MEMeta Engineering·July 18, 2022Frontend
Architecture — A New Pattern For The Jamstack: Segmented Rendering — Smashing Magazine

A New Pattern For The Jamstack: Segmented Rendering — Smashing Magazine

Among all possible architectures for rendering a website, static rendering is the most performant. Yet, it’s only applicable to public, generic content. Or is it? In this article, we will push the boundaries of static rendering and learn how to apply it to personalized content. This new pattern is called “Segmented Rendering” and will change the Jamstack game forever.

EBEric BurelEric Burel·July 18, 2022Architecture
Engineering — Working in public — our docs-as-code approach

Working in public — our docs-as-code approach

Besides following a docs-as-code approach, at Cloudflare we handle our documentation changes in a public repository. The contributions we get from the entire Cloudflare community help us make our documentation better every day

PPedroPedro·July 15, 2022Engineering
SRE & Ops — Spin Infrastructure Adventures: Containers, Systemd, and CGroups - Shopify

Spin Infrastructure Adventures: Containers, Systemd, and CGroups - Shopify

The Spin infrastructure team works hard at improving the stability of the system. In February 2022 we moved to Container Optimized OS (COS), the Google maintained operating system for their Kubernetes Engine SaaS offering. A month later we turned on multi-cluster to allow for increased scalability as more users came on board. Recently, we’ve increased default resources allotted to instances dramat

SEShopify Engineering·July 15, 2022SRE & Ops
Languages — Resolving Conflicts Between Designers And Engineers — Smashing Magazine

Resolving Conflicts Between Designers And Engineers — Smashing Magazine

Often, it’s easier for an engineer to see the aspects of a good user experience than for a designer to understand the technical aspects of how something functions, let alone how feasible it is. Regardless, the two sides work best when both lower their guards and reach across the aisle. In this article, Scott Himmer will go over some areas where you might find the design and engineering conflicts m

SHScott HimmerScott Himmer·July 15, 2022Languages
AI & ML — Research: How GitHub Copilot helps improve developer productivity

Research: How GitHub Copilot helps improve developer productivity

We surveyed more than 2,000 developers about whether GitHub Copilot helped them be more productive and improved their coding. Then, we matched this qualitative feedback and subjective perception with quantitative data around objective usage measurements and productivity.

AZAlbert ZieglerAlbert Ziegler·July 14, 2022AI & ML
SRE & Ops — Owl: Distributing content at Meta scale

Owl: Distributing content at Meta scale

Being able to distribute large, widely -consumed objects (so-called hot content) efficiently to hosts is becoming increasingly important within Meta’s private cloud. These are commonly distributed content types such as executables, code artifacts, AI models, and search indexes that help enable our software systems. Owl is a new system for high-fanout distribution of large data […]

CWChris Wiltz·July 14, 2022SRE & Ops
SRE & Ops — Using Nothing But Docker For Projects — Smashing Magazine

Using Nothing But Docker For Projects — Smashing Magazine

Using only Docker to build and run applications and commands removes the need for previous knowledge in some tool or programming language. Also, it avoids the necessity to install new modules and dependencies directly to the system, which makes development machine-independent.

RARaphael AmoedoRaphael Amoedo·July 14, 2022SRE & Ops
Engineering — 25,000 new trees in Nova Scotia

25,000 new trees in Nova Scotia

Cloudflare is proud to announce the first 35,000 trees from our commitment to help clean up bad bots (and the climate) have been planted

PDPatrick Day, BensolPatrick Day, Bensol·July 13, 2022Engineering
Frontend — In Praise of Shadows

In Praise of Shadows

Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and

GGGeoff GrahamGeoff Graham·July 12, 2022Frontend
Frontend — Technical Writing for Developers

Technical Writing for Developers

HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But

EEludaEluda·July 11, 2022Frontend
SRE & Ops — Stuff The Internet Says On Scalability For July 11th, 2022 - High Scalability -

Stuff The Internet Says On Scalability For July 11th, 2022 - High Scalability -

Never fear, HighScalability is here! Every cell a universe. Most detailed image of a human cell to date. @microscopicture Other images considered: one byte of RAM in 1946; visual guide on troubleshooting Kubernetes; Cloudflare using lava lamps to generate cryptographic keys; 5MB of data looked like in 1966 My Stuff: * Love this Stuff? I need your support on Patreon to help keep this stuff going. *

HSHigh Scalability·July 11, 2022SRE & Ops
Frontend — Statements Vs. Expressions

Statements Vs. Expressions

One of the most foundational things to understand about JavaScript is that programs are made up of statements, and statements have slots for expressions. In this blog post, we'll dig into how these two structures work, and see how building an intuition about this can help us solve practical problems.

JWJosh W. Comeau·July 11, 2022Frontend
Frontend — A Look At Remix And The Differences With Next.js — Smashing Magazine

A Look At Remix And The Differences With Next.js — Smashing Magazine

Let’s talk about Remix, the framework to create JavaScript projects using server-side rendering. Let’s go through its main features and concepts and see the similarities and differences with Next.js. Remix became open-source not so long ago, and it has a promising future. Let’s see how it evolves, which features are added, which related projects are created to improve the developer experience, and

FGFacundo GiulianiFacundo Giuliani·July 11, 2022Frontend