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
Frontend — Higher-Order Components In React — Smashing Magazine

Higher-Order Components In React — Smashing Magazine

In this tutorial, Shedrack Akintayo is going to learn about higher-order components, the syntax of higher-order components, as well as use cases for them. In the process, you will build a higher-order component from an existing React component. By the end of this tutorial, you will understand the basics of higher-order components and how to build them.

SAShedrack AkintayoShedrack Akintayo·June 8, 2020Frontend
Networking — Ladies and Gentlemen…Cloudflare TV!

Ladies and Gentlemen…Cloudflare TV!

I'm excited to announce the upcoming launch of Cloudflare TV. A 24x7 live television broadcast, streamed globally via the Cloudflare network. You can tune in to the pre-broadcast station and check out the upcoming schedule at: cloudflare.tv

MPMatthew PrinceMatthew Prince·June 7, 2020Networking
Engineering — How we use HashiCorp Nomad

How we use HashiCorp Nomad

A walkthrough on how we are improving the reliability of our management services running in each data center by using Nomad for dynamic task scheduling.

TThomasThomas·June 5, 2020Engineering
Design & UX — Equivalent Experiences: Thinking Equivalently — Smashing Magazine

Equivalent Experiences: Thinking Equivalently — Smashing Magazine

Constructing an equivalent experience may mean changing the way you think about development and design, and potentially reevaluating your existing work. In this article, Eric Bailey will discuss learning how to embrace an equivalent, inclusive mindset. He will also provide practical, robust ways to improve your websites and web apps by providing solutions to common, everyday barriers cited by the

EBEric BaileyEric Bailey·June 5, 2020Design & UX
Career & Teams — #BlackLivesMatter — Smashing Magazine

#BlackLivesMatter — Smashing Magazine

We stand firmly behind the Black Lives Matter movement. We have always stood strongly behind introducing a wide range of voices to Smashing publications and conferences. Positive change is difficult, but it’s possible. It takes work, time, and dedication. We are fully committed as a team to see it through.

VFVitaly FriedmanVitaly Friedman·June 4, 2020Career & Teams
Design & UX — How To Test A Design Concept For Effectiveness — Smashing Magazine

How To Test A Design Concept For Effectiveness — Smashing Magazine

Getting a client or stakeholder to approve a design concept can be challenging. However, testing can make it easier, as well as ensuring you have the right solution. In this post, Paul Boag will explore some of the advantages testing design concepts can provide to us as designers, and demonstrate that you can do it cheaply and without slowing down the delivery of the overall project. Let’s begin!

PBPaul BoagPaul Boag·June 4, 2020Design & UX
Frontend — Consuming REST APIs In React With Fetch And Axios — Smashing Magazine

Consuming REST APIs In React With Fetch And Axios — Smashing Magazine

If you’re a React developer who’d like to learn how you can start consuming APIs in your React applications, then this article is for you. Consuming REST APIs in a React Application can be done in various ways, but in this tutorial, Shedrack Akintayo will be discussing how we can consume REST APIs using two of the most popular methods known as Axios and Fetch API. You will learn what a REST API is

SAShedrack AkintayoShedrack Akintayo·June 3, 2020Frontend
Frontend — A New Way to Delay Keyframes Animations

A New Way to Delay Keyframes Animations

If you’ve ever wanted to add a pause between each iteration of your CSS @keyframes animation, you’ve probably been frustrated to find there’s no built-in way

EJEric Johnson·June 2, 2020Frontend
Career & Teams — Jetpack Scan

Jetpack Scan

Fresh from the Jetpack team at Automattic, today, comes Jetpack Scan. Jetpack Scan scans all the files on your site looking for anything suspicious or

CCChris Coyier·June 2, 2020Career & Teams
Engineering — Finding the Story

Finding the Story

This is an archive of an old pseudonymously written post from the 90s from someone whose former pseudonym seems to have disappeared from the internet. I see that Star Trek: Voyager has added a new character, a Borg. (From the photos, I also see that they're still breeding women for breast size in the 24th century.) What ticked me off was the producer's comment (I'm paraphrasing), "The addition of

DLDan Luu·June 2, 2020Engineering
Engineering — Click! Here: Meet Our New Smashing Book — Smashing Magazine

Click! Here: Meet Our New Smashing Book — Smashing Magazine

Whether we are designers, marketers, entrepreneurs, or product owners, we are all in the same boat. We want to give users a good experience, but we also need them to take action. Meet “Click!”, our new practical guide on how to build trust, increase conversion and boost business KPIs effectively — without alienating people along the way. Written by Paul Boag. Jump to table of contents and get the

VFVitaly FriedmanVitaly Friedman·June 2, 2020Engineering
Frontend — Overlapping Header with CSS Grid

Overlapping Header with CSS Grid

Snook shows off a classic design with an oversized header up top, and a content area that is "pulled up" into that header area. My mind goes to the same place:

CCChris Coyier·June 1, 2020Frontend
Frontend — React Error Handling And Reporting With Error Boundary And Sentry — Smashing Magazine

React Error Handling And Reporting With Error Boundary And Sentry — Smashing Magazine

In this article, Chidi Orji will explore the concept of error boundaries in a React application. You’ll work through an example app to see how we can use error boundaries to deliver a better app experience. Finally, you’ll integrate Sentry into our error boundary for realtime error reporting. The only prerequisite is that you have some familiarity with React class components. Let’s dig in!

COChidi OrjiChidi Orji·June 1, 2020Frontend
Engineering — Tech Migrations, the Spotify Way

Tech Migrations, the Spotify Way

In our experience, big technology upgrade efforts or migrations (as we fondly call them at Spotify) gear up with a lot of momentum in the beginning but tend to get stuck in the mud over time, eventually leading to a long tail of systems still left running on older versions. This is one of the ways fragmentation creeps into your tech infrastructure, like weeds sprouting in a garden — left unattende

S“Saunak “Jai” Chakrabarti and Jenni Lee·June 1, 2020Engineering