Web 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.

With all building blocks in place, it is time to wrap up our WebVR journey and demonstrate how everything is implemented.

In the last part of our WebVR series, Toptal Full-stack Developer Michael Cole goes over design and implementation in detail, explaining how the experience comes together.

In a React/Webpack development scenario, there are myriad options to choose from. It’s worth exploring some advanced techniques when it comes to TypeScript, CSS, web workers, and service workers.

Unlock the mysteries of the canvas component for your own visualizations. We have completed the simulation math, and now it’s time for some creative play.

In Part 4 of our WebVR series, we use the canvas element to make three rapid iterations to visualize the gravitational orbits of the planets in our simulation.

A property wrapper is a generic structure that encapsulates read and write access to the property and adds additional behavior to it. We use it if we need to constrain the available property values, add extra logic to the read/write access (like using databases or user defaults), or add some additional methods.

In this article, Toptal Freelance iOS Developer Alexander Gaidukov demonstrates Swift 5.1’s new @propertyWrapper annotation—a more elegant solution.

What if you could incorporate clever features from other programming languages for your JavaScript project, without too much hassle? That is the general idea behind WebAssembly.

In Part 3 of our WebVR series, Toptal Full-stack Developer Michael Cole introduces you to WebAssembly and AssemblyScript, outlining how they can be harnessed to create a browser-backend for web apps.

WebVR is bringing virtual reality to our browsers, but how do we make sure we have enough computing power to deliver a good experience? How do we make the most of multi-core, hyperthreaded processors?

In part two of our series, Toptal Full-stack Developer Michael Cole explains the basics of browser edge computing and the role of web workers.

The quietly growing number of serious Haxe projects have something new to contend with: the first major compiler release in over three years. What does Haxe 4 bring to the table?

Virtual Reality (VR) is making inroads into various industries but is not mainstream yet. WebVR and edge computing have the potential to boost adoption and bring VR to a wider audience.

In this series of articles, Toptal Full-stack Developer Michael Cole introduces you to the basics of WebVR and edge computing, complete with elaborate examples.

Does your web page’s rendering performance meet today’s standards? Bad rendering performance can translate into a relatively high bounce rate.

In this article, Toptal Freelance Web Developer Ilya Chernov explores the things that can lead to high rendering times, and how to fix them.

When starting a new React project, you have many templates to choose from. These templates are able to support application development at a very large scale. But they leave the developer experience and bundle output saddled with various defaults, which may not be ideal.

While Redux is a great state management solution, it doesn’t support asynchronous behavior by default. A way around this is to use redux-observable, based on RxJS - a powerful library for reactive programming in JavaScript.

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.