LukePammant

General Stuff 🤹‍♀️🍲🐤🥗

Practices-slash-Code Architecture 🏗🗽🛕🧱

Docker on Android 🐋📱

Edit 🎉

All packages, except for Tini have been added to termux-root. To install them, simply pkg install root-repo && pkg install docker. This will install the whole docker suite, left only Tini to be compiled manually.

Summary

VSCode Remote: Connect to WSL2 from another machine

Do you want to do remote development on your WSL2 container in Visual Studio Code? Read this.

Proxy jump method

On the host set up OpenSSH for Windows
Run wsl --update to make sure you are running the latest WSL
Open WSL and install another SSH server inside WSL with sudo apt-get install openssh-server
Now run sudo systemctl enable --now ssh to automatically start ssh when WSL starts.

Note

This tutorial is for Ubuntu & Squid3. Use AWS, Google cloud, Digital Ocean or any services with Ubuntu to follow this tutorial.

Install squid & update

sudo apt-get update
sudo apt-get install squid3
sudo apt-get install apache2-utils

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

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>

	<!-- Partytown config -->
	<script>
	partytown = {
	debug: true,

	using System;
	using System.Collections.Concurrent;
	using System.Collections.Generic;
	using System.Runtime.CompilerServices;
	using System.Threading;
	using System.Threading.Tasks;
	using Unity.Jobs;

	public static class JobHelper
	{

	aaron,erin,ron,ronnie
	abel,ab,abe,eb,ebbie
	abiel,ab
	abigail,abby,gail,gail,nabby
	abner,ab
	abraham,ab,abe
	abram,ab
	adaline,ada,addy,delia,dell,lena
	adelaide,addy,adele,dell,della,heidi
	adeline,ada,addy,delia,dell,lena

	class PostIndex extends React.Component {
	state = { loading: false };

	componentDidMount() {
	window.onscroll = () => {
	if (!this.state.loading
	&& (window.innerHeight + window.scrollY)
	>= document.body.offsetHeight) {

	this.setState({loading: true}, () => {

	/*
	* When developing the UI system we came across a bunch of things we were not happy
	* with with regards to how certain events and calls could be sent in a loosely coupled
	* way. We had this requirement because with a UI you tend to implement widgets that receive
	* certain events, but you don't really want to have lots of glue code to manage them
	* and keep track of them. The eventing interfaces we developed helped with this. One of
	* the interesting things, is that they are not justfor the UI system! You can use this as
	* a type-safe, fast, and simple alternative to SendMessage (never use SendMessage!).

	* So how does it all work?