Byonghun Lee tolluset

tsconfig.json の設定についてのメモ書きです。

Node.jsのバージョンごとの設定

target は変換後のコードのECMAScriptバージョンを指定するたとえば、Node.js 14はES2020をサポートしている。そのため、Node.js 14向けのコード(サーバなど)ならtarget: "ES2020"を指定することで、余計なTranspileが省かれててコードサイズや実行時間が最適化される。

Safari release notes history and Technical Preview versions -> release version mapping

Official docs

Safari release history

2019 update: this essay has been updated on my personal site, together with a followup on how to get started

2020 update: I'm now writing a book with updated versions of all these essays and 35 other chapters!!!!

1. Learn in public

If there's a golden rule, it's this one, so I put it first. All the other rules are more or less elaborations of this rule #1.

You already know that you will never be done learning. But most people "learn in private", and lurk. They consume content without creating any themselves. Again, that's fine, but we're here to talk about being in the top quintile. What you do here is to have a habit of creating learning exhaust. Write blogs and tutorials and cheatsheets. Speak at meetups and conferences. Ask and answer things on Stackoverflow or Reddit. (Avoid the walled gardens like Slack and Discourse, they're not public). Make Youtube videos

Combining Weakmap + Redux for fun and profit.

Scenario

Lets say we have a large Redux State object which looks like this...

interface State {
  stockMarketData: {
 [stockTicker: string]: {

How to configure static website using Nginx with MinIO ?

1. Install nginx

2. Install minio

3. Install mc client

4. Create a bucket:

$ mc mb myminio/static
Bucket created successfully ‘myminio/static’.

	# Create a new worktree and branch from within current git directory.
	ga() {
	if [[ -z "$1" ]]; then
	echo "Usage: ga [branch name]"
	exit 1
	fi

	local branch="$1"
	local base="$(basename "$PWD")"
	local path="../${base}--${branch}"


	# Frontend Design Guideline

	This document summarizes key frontend design principles and rules, showcasing
	recommended patterns. Follow these guidelines when writing frontend code.

	# Readability

	Improving the clarity and ease of understanding code.

	import { setupTypeOrmTestConnection } from '../integrationSetup';

	beforeAll(async () => {
	console.log('AFTER ENV SETUP START');
	global.testConn = await setupTypeOrmTestConnection(+process.env.TEST_PG_PORT);
	console.log('AFTER ENV SETUP DONE');
	});

	afterAll(async () => {
	console.log('AFTER ENV TEARDOWN START');

	import React from 'react';
	import ReactDOM from 'react-dom';

	let callCount = -1
	let states = []

	function useState(initValue) {
	const id = ++callCount

	if (states[id]) return states[id]

	//.eslintrc

	{
	"env": {
	"browser": true,
	"es6": true,
	"commonjs": true
	},
	"plugins": ["react"],
	"extends": [