Alejandro Beltran alebelcor

TypeScript

Only create an abstraction if it’s actually needed
Prefer clear function/variable names over inline comments
Avoid helper functions when a simple inline expression would suffice
Use knip to remove unused code if making large changes
The gh CLI is installed, use it
Don't use emojis

React

Don't use VPN services.

No, seriously, don't. You're probably reading this because you've asked what VPN service to use, and this is the answer.

Note: The content in this post does not apply to using VPN for their intended purpose; that is, as a virtual private (internal) network. It only applies to using it as a glorified proxy, which is what every third-party "VPN provider" does.

A Russian translation of this article can be found here, contributed by Timur Demin.
A Turkish translation can be found here, contributed by agyild.
There's also this article about VPN services, which is honestly better written (and has more cat pictures!) than my article.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

	import * as React from 'react';

	const useIsFirstRender = (): boolean => {
	const isFirst = React.useRef(true);

	if (isFirst.current) {
	isFirst.current = false;

	return true;
	} else {

	/**
	* Example to refresh tokens using https://github.com/auth0/node-jsonwebtoken
	* It was requested to be introduced at as part of the jsonwebtoken library,
	* since we feel it does not add too much value but it will add code to mantain
	* we won't include it.
	*
	* I create this gist just to help those who want to auto-refresh JWTs.
	*/

	const jwt = require('jsonwebtoken');

	#!/bin/bash
	# Get Homebrew in the new location
	git clone [email protected]:Homebrew/homebrew.git ~/Homebrew

	# Move all your installed packages to the new location
	mv /usr/local/Cellar ~/Homebrew/Cellar
	mv /usr/local/Library ~/Homebrew/Library

	# Remove "root" directory files left behind
	rm -rf /usr/local/.git /usr/local/{.gitignore,.yardopts,CODEOFCONDUCT.md,CONTRIBUTING.md,LICENSE.txt,README.md,SUPPORTERS.md}

	# Hello, and welcome to makefile basics.
	#
	# You will learn why `make` is so great, and why, despite its "weird" syntax,
	# it is actually a highly expressive, efficient, and powerful way to build
	# programs.
	#
	# Once you're done here, go to
	# http://www.gnu.org/software/make/manual/make.html
	# to learn SOOOO much more.

	# use ImageMagick convert
	# the order is important. the density argument applies to input.pdf and resize and rotate to output.pdf
	convert -density 90 input.pdf -rotate 0.5 -attenuate 0.2 +noise Multiplicative -colorspace Gray output.pdf