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.