Mokhtar m5r

How to use:

./wordle.sh

Or try the unlimit mode:

Moved to repo: /quenhus/uBlock-Origin-dev-filter

In order to keep filters up to date, please use this repo.

Advanced memoization and effects in React

Memoization is a somewhat fraught topic in the React world, meaning that it's easy to go wrong with it, for example, by [making memo() do nothing][memo-pitfall] by passing in children to a component. The general advice is to avoid memoization until the profiler tells you to optimize, but not all use cases are general, and even in the general use case you can find tricky nuances.

Discussing this topic requires some groundwork about the technical terms, and I'm placing these in once place so that it's easy to skim and skip over:

Memoization means caching the output based on the input; in the case of functions, it means caching the return value based on the arguments.
Values and references are unfortunately overloaded terms that can refer to the low-level implementation details of assignments in a language like C++, for example, or to memory

	// TODO: make `pages` optional and measure the div when unspecified, this will
	// allow more normal document flow and make it easier to do both mobile and
	// desktop.
	import {
	createContext,
	useCallback,
	useContext,
	useEffect,
	useMemo,
	useRef,

	# a quick way to install a CHT instance. Uses bare metal couchdb
	# see docker based install here: https://gist.github.com/mrjones-plip/7bbe7b0a44ce7876a551b9730c6fc43d
	#

	sudo apt update
	sudo apt dist-upgrade
	curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh \| bash
	export NVM_DIR="$HOME/.nvm"
	[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
	[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion

	function useIsPendingPathname(to) {
	let { location } = useTransition();
	let { pathname } = useResolvedPath(to);
	return location?.pathname === pathname;
	}

	function useIsSlowTransition(ms = 300) {
	let transition = useTransition();
	let [isSlow, setIsSlow] = useState(false);

	import { createHash } from "crypto";
	import fs from "fs";
	import fsp from "fs/promises";
	import path from "path";
	import https from "https";
	import { PassThrough } from "stream";
	import type { Readable } from "stream";
	import type { LoaderFunction } from "remix";
	import sharp from "sharp";
	import type { Request as NodeRequest } from "@remix-run/node";

	const path = require("path");
	const express = require("express");
	const compression = require("compression");
	const morgan = require("morgan");
	const { createRequestHandler } = require("@remix-run/express");

	////////////////////////////////////////////////////////////////////////////////
	let app = express();

	app.use(compression());

	/**
	* This Gist is part of a medium article - read here:
	* https://jamiecurnow.medium.com/using-firestore-with-typescript-65bd2a602945
	*/

	// import firstore (obviously)
	import { firestore } from "firebase-admin"

	// Import or define your types
	// import { YourType } from '~/@types'

	#!/bin/bash
	###
	### my-script — does one thing well
	###
	### Usage:
	### my-script <input> <output>
	###
	### Options:
	### <input> Input file to read.
	### <output> Output file to write. Use '-' for stdout.