Service Workers are a great way to add offline functionality to your app, as well as speed up subsequent page loads (especially with the app shell model).
I recently encountered many issues while debugging, and to save myself and others the hassle, here are some of the best practices I recommend when debugging service workers.
My computing setup is designed to maximize the state of flow, by reducing distractions and other associated cognitive overheads.
Recently I was trying to set up dual-booting on my laptop, with Fedora 35 and Windows 11.
I followed best practices, installing Windows before Fedora. However, on rebooting Fedora, the laptop booted straight away to Windows 11 without prompting.
The Secure Shell Protocol (SSH) allows one to remotely access a terminal interface on a remote machine. In addition, it allows for capabilities such as port tunneling1, file transfers and screen forwarding.
The main reasons for setting up SSH access on my machine were to allow me to:
localhost)When working remotely with a laptop, sometimes we might want access to more CPU power, RAM or a GPU. VSCode supports accessing a remote machine, and if Docker is installed on the remote machine, you can even connect to remote development containers. This approach tremendously saves battery life since computation is done on the remote server.
npm update does not write updated versions to package.jsonUpdate: This issue has been fixed in npm 8.3.2.
Found this out the hard way.
Stuff I use, arranged by language/OS. Inspired by this article.
As a programmer there were a lot of version/environment issues I faced while developing with Python, Node and other tools. Some examples:
pipenv, venv and poetry are ways to manage different Python environments, they still depend on the base Python version installed, which is another external dependencyffmpeg etc.hashcatDo you have a PDF document lying around somewhere, but it's encrypted and you've forgotten the password to it?
Suppose you have a parent component A and a child B, and you want to run a useEffect hook on mount in the parent first, followed by another useEffect hook in the child.
For example, you have a child component which overrides the default styles of the parent on mount.