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 — Bootstrap 5

Bootstrap 5

It's always notable when the world biggest CSS framework goes up a major version (it's in alpha now).

CCChris Coyier·July 6, 2020Frontend
SRE & Ops — Retrie: Haskell refactoring made easy

Retrie: Haskell refactoring made easy

What’s new: We’ve open-sourced Retrie, a code refactoring tool for Haskell that makes codemodding faster, easier, and safer. Using Retrie, developers can efficiently rewrite large codebases (exceeding 1 million lines), express rewrites as equations in Haskell syntax instead of regular expressions, and avoid large classes of codemodding errors. Retrie’s features include the ability to rewrite […] R

CWChris Wiltz·July 6, 2020SRE & Ops
Performance — Understanding Plugin Development In Gatsby — Smashing Magazine

Understanding Plugin Development In Gatsby — Smashing Magazine

Gatsby is a modern static-site generator that has revamped the way static websites are being built. It incorporates React, Node.js, and GraphQL to create stunning and blazing-fast websites. In this post, Aleem Isiaka will introduce Gatsby plugins, discuss the types of Gatsby plugins that exist, differentiate between the forms of Gatsby plugins, and, finally, create a comment plugin that can be use

AIAleem IsiakaAleem Isiaka·July 6, 2020Performance
Performance — Make Your Sites Fast, Accessible And Secure With Help From Google — Smashing Magazine

Make Your Sites Fast, Accessible And Secure With Help From Google — Smashing Magazine

From June 30th to July 2nd, Google’s web platform team brought together the web community for [web.dev LIVE](https://web.dev/shows/web-dev-live-day-1), a digital event to talk about the latest development to the platform and tools ecosystem, give developers a chance to talk to each other and ask their burning questions to the team. Over the three days, the Google team shared a round of updates and

DADion AlmaerDion Almaer·July 6, 2020Performance
Career & Teams — GitHub Action Hero: Casey Lee

GitHub Action Hero: Casey Lee

The GitHub community is capable of incredible things and GitHub Actions is the tool. Do you want to automate your workflow, increase your productivity, and empower your developer experience? Then…

MDMichelle DukeMichelle Duke·July 3, 2020Career & Teams
Frontend — How To Test Your React Apps With The React Testing Library — Smashing Magazine

How To Test Your React Apps With The React Testing Library — Smashing Magazine

Testing gives confidence in written code. In the context of this article, ‘testing’ means ‘automated testing’. Without automated testing, it is significantly harder to ensure the quality of a web application of significant complexity. Fails caused by automated testing may lead to more bugs in production. In this article, Chidi Orji is going to show you how React developers can quickly start testin

COChidi OrjiChidi Orji·July 3, 2020Frontend
Performance — Links on Performance II

Links on Performance II

Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger.

CCChris Coyier·July 2, 2020Performance
Engineering — How we launched docs.github.com

How we launched docs.github.com

ICYMI: docs.github.com is the new place to discover all of GitHub’s product documentation! We recently completed a major overhaul of GitHub’s documentation websites. When you visit docs.github.com today, you’ll see…

SSSarah SchneiderSarah Schneider·July 2, 2020Engineering
Engineering — GitHub Supports the Open Technology Fund

GitHub Supports the Open Technology Fund

Last week, GitHub joined over 500 organizations signing a letter to the U.S. Congress seeking continued support for the Open Technology Fund (OTF) and its mission of funding open source…

MLMike LinksvayerMike Linksvayer·July 2, 2020Engineering
Frontend — A First Look at Reanimated 2 - Shopify

A First Look at Reanimated 2 - Shopify

With Reanimated 2, the team at Software Mansion asked: “How would it look if there were no constraints when writing gestures and animations in React Native?” and started from there.

SEShopify Engineering·July 2, 2020Frontend
Frontend — Differences Between Static Generated Sites And Server-Side Rendered Apps — Smashing Magazine

Differences Between Static Generated Sites And Server-Side Rendered Apps — Smashing Magazine

Statically generated sites or pre-rendering and server-side rendered applications are two modern ways to build front-end applications using JavaScript frameworks. These two modes, yet different, are often mixed up as the same thing and in this tutorial, Timi Omoyeni is going to show you the differences between them. You’ll learn what a server-side-rendered application is, as well as learn about fr

TOTimi OmoyeniTimi Omoyeni·July 2, 2020Frontend
Engineering — Opposing racism

Opposing racism

Racism is antithetical to Stripe’s mission. We stand with the Black community against discrimination and police violence.

PCPatrick CollisonPatrick Collison·July 2, 2020Engineering
Security — Making the WAF 40% faster

Making the WAF 40% faster

As with all Cloudflare security products, the WAF is designed to not sacrifice performance for security, but there is always room for improvement. This blog post provides a brief overview of the latest performance improvements that were rolled out to our customers.

MMiguelMiguel·July 1, 2020Security
Engineering — Launching docs.github.com

Launching docs.github.com

Leia este artigo em português Sabemos como a aprendizagem é importante para o seu sucesso na utilização do GitHub. Quando você estiver usando nossos produtos, esperamos que você se sinta…

JLJenn LeaverJenn Leaver·July 1, 2020Engineering
Architecture — Information And Information Architecture: The BIG Picture — Smashing Magazine

Information And Information Architecture: The BIG Picture — Smashing Magazine

Information architecture is the process of categorizing and organizing information to create structure and meaning. To give this context, in this article Carrie Webster explores not only the basics of information architecture, but also the broader view of the information age, how we use information and how it impacts our world and our lives. Understanding the bigger picture enables us to get a muc

CWCarrie WebsterCarrie Webster·July 1, 2020Architecture
SRE & Ops — Leveraging Mobile Infrastructure with Data-Driven Decisions

Leveraging Mobile Infrastructure with Data-Driven Decisions

TL;DR The pursuit wasn’t always easy, but “putting data first” has helped Spotify dramatically improve the infrastructure team’s decision-making process while improving company productivity. Raul Herbster describes the benefits, especially for mobile DevOps teams.

RHRaul Herbster·July 1, 2020SRE & Ops
Engineering — Erick Camacho: iOS Engineer

Erick Camacho: iOS Engineer

Usually when I’m commuting into the office, I have to get up at 7am and catch the subway. But these days, I can sleep a little later – I make myself a tea or coffee and check my emails and Slack messages at the kitchen table. Then I get to work and start to review code and pull requests that have come in overnight from developers in the US timezones.

SESpotify Engineering·July 1, 2020Engineering