Front-end

Inspired by stale-while-revalidate cache control logic, modern sites implement stale-while-refresh logic on the UI side. Thankfully, React Hooks make this logic painlessly reusable across components.

Internet privacy's cutting-edge technology includes encrypted server name indication (ESNI) and encrypted DNS in the form of DNS over HTTPS (DoH). Find out what they are, why they exist, and how they work.

HTTP/3 is on the horizon, but many aren't even familiar with HTTP/2 yet. Find out what HTTP/3 means for web development, administration, and the internet.

Web applications are becoming more popular day by day with stable options like React.js, Angular, and Vue.js. However, a serious competitor may be on the horizon — Svelte. In this article, Toptal freelance software developer Teimur Gasanov introduces Svelte, a new framework for building user interfaces. He does so by walking us through creating a common log-in form used by virtually every type of application.

Micro-frontend architectures decompose a front-end app into individual, semi-independent "microapps" working loosely together. This can help make large projects more manageable, e.g. when transitioning from legacy codebases.

Are Vue.js, React, and Angular actually delivering a good developer and user experience, or are they used simply because they're the current de facto standard? Discover some exciting approaches to web development.

It's no secret that the WordPress codebase is a mess. Many developers use its legacy code as an excuse for writing sloppy code themselves, even if its newer additions follow best practices. If this is you, it's time to level up your skills!

Types and testable code are two of the most effective ways of avoiding bugs. In this tutorial, discover TypeScript best practices while you create a Discord bot from scratch.

With a static site generator back end in place from Part 1, now it's time to implement a Gatsby.js-based front end, host it on Netlify, and get AWS to activate the whole pipeline.