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 — Write Code, Get Confetti

Write Code, Get Confetti

This year I learned about the canvas-confetti npm package. It is a simple JavaScript package that injects a (virtual, <canvas>) confetti explosion into

FSFred Schott·December 16, 2020Frontend
Engineering — Learning to Simplify

Learning to Simplify

When I first got this writing prompt, my mind immediately started thinking stuff like, “What tech have I learned this year?” But this post isn’t really about

ABAndy BellAndy Bell·December 16, 2020Engineering
Performance — Slow Movement

Slow Movement

There was a time when I felt overwhelmed by how fast the web developed. It seemed like not a single day passed without a new plugin, framework, technique, or

MMManuel Matuzovic·December 16, 2020Performance
Engineering — The Power of Lampshading

The Power of Lampshading

I enjoyed this blog post from Shawn. Lampshading is apparently the idea of a TV show calling attention to some weakness (like an implausible plot point) so

CCChris Coyier·December 16, 2020Engineering
Engineering — Reducing flaky builds by 18x

Reducing flaky builds by 18x

Part of the Building GitHub blog series. It’s four o’clock in the afternoon as you push the last tweak to your branch. Your teammate already reviewed and approved your pull request…

JRJordan RaineJordan Raine·December 16, 2020Engineering
Frontend — Co-experiences: Hanging out in the digital living room

Co-experiences: Hanging out in the digital living room

In the spring of 2019 — a full year before the COVID-19 pandemic caused the entire world to turn our living rooms into offices, schools, and gathering places — Mark Zuckerberg shared a plan to create the digital equivalent of the living room, where people could connect and hang out together. That work was already underway early […]

MEMeta Engineering·December 16, 2020Frontend
Frontend — Creating a React Analytics Logging Library

Creating a React Analytics Logging Library

In the first installment of the article, we examined why we built a React analytics library. We also looked at how we use the library to share data efficiently, log smarter impressions, and simplify event logging. In this second part of the article, we will focus on how we abstracted the library for use by…

FCFabio Canache·December 16, 2020Frontend
Engineering — Are Websites Adding To Consumer’s Health Issues? — Smashing Magazine

Are Websites Adding To Consumer’s Health Issues? — Smashing Magazine

Today, Suzanne Scacca is going to look at “The Website Dilemma”. In other words, is it possible to build an authoritative, lead generating, high converting website without manipulating visitors into doing what you want? If you follow social media’s lead, they’re one and the same. If you’d prefer not to trade your customers’ well-being for profit, keep reading.

SSSuzanne ScaccaSuzanne Scacca·December 16, 2020Engineering
Frontend — Hell Yes! CSS!

Hell Yes! CSS!

Speaking of cool CSS stuff you can buy, Julia Evans' zine Hell Yes! CSS! is hot off the presses. A "zine" being 28 pages of "short, informative, and fun

CCChris Coyier·December 15, 2020Frontend
Frontend — Give Users Control: The Media Session API

Give Users Control: The Media Session API

Here’s a scenario. You start a banging Kendrick Lamar track in one of your many open browser tabs. You’re loving it, but someone walks into your space and you

IUIdorenyin UdohIdorenyin Udoh·December 14, 2020Frontend
Engineering — Refreshing Server-Side Props

Refreshing Server-Side Props

Next allows you to do server-side data-fetching, but what happens when that data needs to change on the client? This brief tutorial shows how to re-fetch the props without doing a full server reload.

JWJosh W. Comeau·December 14, 2020Engineering