Dvorak navigations - there's no place like home keys

Dvorak keyboard layout is well-known for letting users type commonly used words using just the home keys. And there is no better way to improve that further than making the users use the letters themselves for moving the cursor around.
With the karabiner configuration below, users no longer need to lift their right arm to reach the arrow keys at the rightmost side of their keyboard.
The Karabiner-Element configuration below enable users to use the home keys for cursor navigation for Dvorak users

For best experience, map caps lock as control key, map left control key as esc key.

These shortcuts are compatible with many Unix tools and commandline shortcuts

Up = control+P

Down = control+N

Left = control+B

Right = control+F

Enter = control+J

option + Right (One word to the right) = option+F

option + Left (One word to the left) = option+B

Some apps might not respond to option+F and option+B, can use the following:

option + Right (One word to the right) = option + control+F

option + Left (One word to the left) = option + control+B

delete (hack/delete one character to the left) = control+H

fn+delete (delete one character to the right) = control+D

option + delete (hack/delete one word to the left) = option + control+H

option + fn+delete (delete one word to the right) = option + control+D

command/shift + delete (from the cursor, delete up to end of line) = control+alt+K (did not use control+K, will interfere with terminal's control+K)

no available shortcut key (delete the whole line) = control+alt+U (did not use control+U, will interfere with terminal's control+U)

{
    "description": "Dvorak navigations - no place like home keys",
    "manipulators": [
        {
            "from": {
                "key_code": "c",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "return_or_enter" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "c",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "return_or_enter",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "f",
                "modifiers": { "mandatory": ["left_control", "left_option"] }
            },
            "to": [
                {
                    "key_code": "home",
                    "modifiers": ["left_shift"]
                },
                { "key_code": "delete_or_backspace" }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "v",
                "modifiers": { "mandatory": ["left_control", "left_option"] }
            },
            "to": [
                {
                    "key_code": "end",
                    "modifiers": ["left_shift"]
                },
                { "key_code": "delete_or_backspace" }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "j",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "delete_or_backspace" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "j",
                "modifiers": { "mandatory": ["left_control", "left_option"] }
            },
            "to": [
                {
                    "key_code": "delete_or_backspace",
                    "modifiers": ["left_option"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "h",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "delete_forward" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "h",
                "modifiers": { "mandatory": ["left_control", "left_option"] }
            },
            "to": [
                {
                    "key_code": "delete_forward",
                    "modifiers": ["left_option"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "l",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "down_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "l",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "down_arrow",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "r",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "up_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "r",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "up_arrow",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "y",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "right_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "y",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "right_arrow",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "y",
                "modifiers": { "mandatory": ["left_option"] }
            },
            "to": [
                {
                    "key_code": "right_arrow",
                    "modifiers": ["left_option"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "y",
                "modifiers": { "mandatory": ["left_option", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "right_arrow",
                    "modifiers": ["left_option", "left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "n",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "left_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "n",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "left_arrow",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "n",
                "modifiers": { "mandatory": ["left_option"] }
            },
            "to": [
                {
                    "key_code": "left_arrow",
                    "modifiers": ["left_option"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "n",
                "modifiers": { "mandatory": ["left_option", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "left_arrow",
                    "modifiers": ["left_option", "left_shift"]
                }
            ],
            "type": "basic"
        }
    ]
}

For page up and page down:

Page Down = Ctrl+V Page Up = Alt+V

{
    "description": "Dvorak navigations - there's no place like home keys (emacs: Page Up/Down)",
    "manipulators": [
        {
            "from": {
                "key_code": "period",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [{ "key_code": "page_down" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "period",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "page_down",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "period",
                "modifiers": { "mandatory": ["left_option"] }
            },
            "to": [{ "key_code": "page_up" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "period",
                "modifiers": { "mandatory": ["left_option", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "page_up",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        }
    ]
}

{
    "description": "Word, JetBrains, and OneNote-compatible",
    "enabled": false,
    "manipulators": [
        {
            "from": {
                "key_code": "d",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [
                {
                    "key_code": "right_arrow",
                    "modifiers": ["command"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "d",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "right_arrow",
                    "modifiers": ["command", "shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "a",
                "modifiers": { "mandatory": ["left_control"] }
            },
            "to": [
                {
                    "key_code": "left_arrow",
                    "modifiers": ["command"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "a",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "left_arrow",
                    "modifiers": ["command", "shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "d",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "end",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "a",
                "modifiers": { "mandatory": ["left_control", "left_shift"] }
            },
            "to": [
                {
                    "key_code": "home",
                    "modifiers": ["left_shift"]
                }
            ],
            "type": "basic"
        }
    ]
}

Error on VS Code: Git: git@github.com: Permission denied (publickey)

To solve that problem, type this in terminal:

% ssh-add

Solution source: https://superuser.com/questions/360686/what-exactly-does-ssh-add-do

create react app + typescript script

% cat ~/.scripts/cra.sh 
#!/bin/zsh

if [ $# -eq 0 ] ; then
	echo "Pass the name of project"
	exit 1
fi

NAME="$1"

yarn dlx create-react-app $NAME --template typescript 

cd $NAME
yarn dlx @yarnpkg/pnpify --sdk vscode

yarn add react-refresh eslint-config-react-app

TO_DECLARE="declare module '@testing-library/react';"
printf $TO_DECLARE >> src/react-app-env.d.ts

code-insiders .