Igor Sukharev isumix

For directly installing Debian Sid not supported by the Debian installer, namely:

Single LUKS2 encrypted partition which contains the full installation
Single BTRFS filesystem (integrated home partition)
Encrypted swapfile in BTRFS subvolume (supports laptop suspend but not hibernate)
Uses systemd-boot bootloader (instead of Grub2, also optional rEFInd instructions)
Minimal Gnome install (plus instructions for any other DE you wish)
Proper user groups for common security tools like sudo-less Wireshark, etc...
Optional removal of crypto keys from RAM during laptop suspend
Optional configurations for laptops (including fingerprint readers)

How to resize a qcow2 disk image on Linux

This example takes olddisk.qcow2 and resizes it into newdisk.qcow2, extending one of the guest's partitions to fill the extra space.

1. qcow2 format

1.1. Verify the filesystems of `olddisk.qcow2`

My FE/DOM Libraries

a gist to recap the current status, also available as library picker!

Minimalistic Libraries

do one thing only and do it well

µhtml (HTML/SVG auto-keyed and manual keyed render)
augmentor (hooks for anything)
wickedElements (custom elements without custom elements ... wait, what?)

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

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

	// Show rendered HTML
	const wrapper = shallow(<App />)
	console.log(wrapper.debug())

	// Disable lifecycle methods of react within tests
	const wrapper = mount(<App />, { disableLifecycleMethods: true })

	// Assert number of occurrences
	expect(wrapper.find('p').length).toBe(1)

	<html>
	<body>
	<script>
	/**
	* This array diff algorithm is useful when one wants to detect small changes
	* (like consecutive insertions or consecutive deletions) several times
	* in short time intervals. Alternative algorithms like LCS woud be too expensive
	* when running it too many times.
	*/