Techreport blog

Engineering Insights & Guides

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

11,844 articles
Engineering — CSS2JS

CSS2JS

To add inline styles on an element in JSX, you have to do it in this object syntax, like:

CCChris Coyier·March 20, 2020Engineering
Frontend — Creating Sortable Tables With React — Smashing Magazine

Creating Sortable Tables With React — Smashing Magazine

Making your tables sortable in React might sound like a daunting task, but it doesn’t have to be too difficult. In this article, Kristofer Giltvedt Selbbekk is going to show you how to implement all you need to sort out all of your table sorting needs. By the end of this tutorial, you will have found a way to model your state, wrote a generic sorting function, and wrote a way to update what our so

KGKristofer Giltvedt SelbekkKristofer Giltvedt Selbekk·March 20, 2020Frontend
Engineering — Keepalives considered harmful

Keepalives considered harmful

You’d think keepalives would always be helpful, but turns out reality isn’t always what you expect it to be. It really helps if you read Why does one NGINX worker take all the load? first.

IIvanIvan·March 19, 2020Engineering
Frontend — React Suspense in Practice

React Suspense in Practice

This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing

ARAdam RackisAdam Rackis·March 19, 2020Frontend
Frontend — A Practical Overview Of CSS Houdini — Smashing Magazine

A Practical Overview Of CSS Houdini — Smashing Magazine

Houdini, an umbrella term for the collection of browser APIs, aims to bring significant improvements to the web development process and the development of CSS standards in general. Frontend developers will be able to extend the CSS with new features using JavaScript, hook into CSS rendering engine and tell the browser how to apply CSS during a render process. Houdini’s browser support is improving

ABAdrian BeceAdrian Bece·March 19, 2020Frontend
Networking — The problem with thread^W event loops

The problem with thread^W event loops

Back when Cloudflare was created, the dominant HTTP server used to power websites was Apache httpd. However, we decided to build our infrastructure using the then relatively new NGINX server.

JDJulien DesgatsJulien Desgats·March 18, 2020Networking
Engineering — Flexbox and absolute positioning

Flexbox and absolute positioning

Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the

CCChris Coyier·March 18, 2020Engineering
Engineering — Set up your digital classroom with GitHub Classroom

Set up your digital classroom with GitHub Classroom

Many teachers are moving to virtual solutions for managing student assignments, projects, and grading. Join webinars hosted by GitHub Education Experts to share how teachers can manage and organize their class with GitHub Classroom.

AJArelia JonesArelia Jones·March 18, 2020Engineering
SRE & Ops — Building a more accurate time service at Facebook scale

Building a more accurate time service at Facebook scale

UPDATE: To continue our support of this public NTP service, we have open-sourced our collection of NTP libraries on GitHub. Almost all of the billions of devices connected to the internet have onboard clocks, which need to be accurate to properly perform their functions. Many clocks contain inaccurate internal oscillators, which can cause seconds of […]

MEMeta Engineering·March 18, 2020SRE & Ops
Systems — How Should Designers Learn To Code? The Terminal And Text Editors (Part 1) — Smashing Magazine

How Should Designers Learn To Code? The Terminal And Text Editors (Part 1) — Smashing Magazine

For the purpose of this two-part series of articles, we’re going to assume the answer for “Should designers code?” is “It depends.” If you’ve started and never finished courses in some online coding school — or if you’ve finished the courses but found it difficult to apply this style of learning in your day-to-day work, these two articles will provide a few different learning methods and will high

PHPaul HanaokaPaul Hanaoka·March 18, 2020Systems
Frontend — Tools for Optimizing SVG

Tools for Optimizing SVG

This is our straight-to-the-point list of SVG optimizing tools across a number of categories. They are all largely based around SVGO, but how you use it depends. There are web apps, desktop apps, apis, and even design tool add-ons.

CCChris Coyier·March 17, 2020Frontend