Hyeseong Kim cometkim

useSubscription and useMutableSource¹ tearing and deopt behavior.

Mounting a new tree

The tree below represents a React application mounting. During mount, two components read from an external, mutable source. The first one (List) reads version 1 of that data and the second one (Item) reads version 2.

Deopt

`useSubscription` (legacy mode)

N/A.

Retrieving Docker Image Sizes

There are two metrics that are important to consider when discussing the size of Docker images.

Compressed size - This is often referred to as the wire size. This affects how fast/slow images can be pulled from a registry. This impacts the first run experience on machines where images are not cached.
Uncompressed size - This is often referred to as the size on disk. This affects how much local storage is required to support your Docker workloads.

The example commands shown below will work on Windows, MacOS, and Linux.

How to Measure the Compressed Size

스타트업에 traefik + docker-swarm을 추천하는 이유

Traefik: Reverse-proxy router
Docker-swarm: Docker-supported orchestrator

왜 Docker-Swarm인가?

kubernetes(이하 k8) 는 무겁고 느리다. docker-swarm(이하 DS) 은 docker 최신버전에 기본으로 탑재되어 나온다. 또한 helm이나 별도의 관리 cli(kubeadm, kubectl)를 설치할 필요가 없다.
k8 은 세팅도 어렵다: 세팅하기가 워낙 까다로워 실제로 운영하기 적절한 경우는 devops 팀을 가진 최소 20명 이상의 대규모 사이즈 팀이다. 한 명이 작업하는 것이 아주 불가능한 것은 아니지만, 긴급수정시에는 많이 위험해질 수 있다. 총원이 10명이 되지 않는 우리팀 같은 경우는 한 사람이 급하게 기능수정을 해야될 일이 많다.

Various search databases and backends as alternatives to Elasticsearch.

Rust

Sonic - github.com/valeriansaliou/sonic - lightweight & schema-less search backend
Tantivy - github.com/quickwit-oss/tantivy - full-text search engine library inspired by Apache Lucene
Toshi - github.com/toshi-search/Toshi - search engine built on top of Tantivy
Bayard - github.com/mosuka/bayard - search engine built on top of Tantivy
Meilisearch - github.com/meilisearch/meilisearch - fast and full-featured search engine

A compile-time 4-Bit Virtual Machine implemented in TypeScript's type system. Capable of running a sample 'FizzBuzz' program.

Syntax emits zero JavaScript.

type RESULT = VM<
  [
    ["push", N_1],         // 1
    ["push", False],       // 2
 ["peek", _], // 3

	const bypass = [
	// function names to avoid logging
	];
	const collapsed = [
	// function names to groupCollapsed
	];

	module.exports = function(babel) {
	const { types: t } = babel;
	const wrapFunctionBody = babel.template(`{

	// This is a proper alternative to
	// https://github.com/BuckleScript/bucklescript/blob/b9508105b1a35537bdea9a1fabd10f6c65f776b4/jscomp/bsb/templates/react-hooks/src/FetchedDogPictures/FetchedDogPictures.re#L14
	// The one in that file uses Promise, but that's wrong.
	// We only used promise as a demo of its API. We'll remove it soon.

	// As you can see below, the pure XMLHttpRequest code is just as clean,
	// less mysterious for all, more performant, extensible, and actually correct.

	// Ignore these externals for now. They're just for illustration
	// purposes. I just copy pasted the Js code from

	-- original code: https://github.com/ericelliott/cuid

	-- Add the "plv8" extension
	create extension if not exists "plv8";

	-- Add the "pgcrypto" extension
	create extension if not exists "pgcrypto";
	\dx

	-- Connect a database

	// create a bookmark and use this code as the URL, you can now toggle the css on/off
	// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
	javascript: (function() {
	var elements = document.body.getElementsByTagName('*');
	var items = [];
	for (var i = 0; i < elements.length; i++) {
	if (elements[i].innerHTML.indexOf('* { background:#000!important;color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }') != -1) {
	items.push(elements[i]);
	}
	}

	import { addMiddleware } from 'graphql-add-middleware';

	addMiddleware(schema, traceResolveMiddleware);