George Yong geoyws

Replacing Create React App with the Next.js CLI

How dare you make a jab at Create React App!?

Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.

Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.

So why

To change a git submodule's remote (in this case, from HTTPS to SSH):

SUB=my-submodule-name
$REMOTE=git@gitlab.com:path/to/remote.git

git submodule deinit $SUB
git rm $SUB
git commit -m "removed $SUB submodule at https remote"

rm -rf .git/modules/$SUB

Comparison of ZSH frameworks and plugin managers

Changelog

update 1: add a FAQ section
update 2: benchmark chart and feature comparison table
update 3:
- improve the table with missing features for antigen
- new zplg times result

TLDR

A beginner's guide to setup Mosh roaming terminal on Mac to access Google Cloud Compute Engine instance

Being new to training ML models using Google Cloud VM instances, I faced issues where my ssh connection to the cloud instance (using either the clound web-based ssh client or using cloud shell) would disconnect from time to time (for example when I power off my laptop or the network gets disconnected) which would terminate the model training process. Therefore I searched for a ssh client that can handle disconnection and can resume connection without disrupting the process running on the server and came across with Mosh mobile shell, a remote terminal app that supports roaming.

It took me a while to figure out how to set up a third party ssh terminal using the google cloud OAuth. Here's a step-by-step guide:

Update: a simpler alternative for persisting remote sessions

Since this writing, another Mosh user kindly advised me that using terminal multiplexer co

Strings

`String.prototype.*`

None of the string methods modify this – they always return fresh strings.

charAt(pos: number): string ^ES1

Returns the character at index pos, as a string (JavaScript does not have a datatype for characters). str[i] is equivalent to str.charAt(i) and more concise (caveat: may not work on old engines).

LaTeX: preventing text from overflowing into margins

There are multiple approaches one could take.

Explicit breaks inside `\texttt{}`

Insert \allowbreak yourself.
Pick a rare Unicode character for people to insert explicitly, replace it with \allowbreak yourself.
Let LaTeX replace “breakable” characters C with C\allowbreak: https://tex.stackexchange.com/questions/299/how-to-get-long-texttt-sections-to-break/247335#247335
Insert soft hyphens via \- (drawback: there will be hyphens at the end of the line)

S3 Static Sites

⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates

What this will cover

Host a static website at S3
Redirect www.website.com to website.com
Website can be an SPA (requiring all requests to return index.html)
Free AWS SSL certs
Deployment with CDN invalidation

	#!/bin/bash

	# It assumes [asdf](https://github.com/asdf-vm/asdf) to be installed
	# and asdf plugin for Ruby to be added

	set -exuo pipefail

	sudo apt install libreadline-dev
	wget https://www.openssl.org/source/old/1.0.2/openssl-1.0.2u.tar.gz
	tar -xzf openssl-1.0.2u.tar.gz

	#!/bin/bash

	if [ $# -ne 1 ]; then
	echo "Usage: $0 <submodule full name>"
	exit 1
	fi

	MODULE_NAME=$1
	MODULE_NAME_FOR_SED=$(echo $MODULE_NAME \| sed -e 's/\//\\\//g')

	{
	"name": "tsquickstart",
	"version": "1.0.0",
	"description": "Boilerplate for quick one-off TypeScript projects. Just run `npm start`",
	"scripts": {
	"init": "test -f tsconfig.json \|\| (tsc --init -t ESNext -m ESNext && npm install)",
	"start": "npm run init && concurrently \"npm run watch\" \"npm run serve\"",
	"serve": "http-server",
	"watch": "tsc -p . --watch",
	"build": "tsc -p ."