John's thoughts

TypeScript | Type Keys and Values as Type

Sun, 29 Aug 2021 00:00:00 GMT

type Status = {
  all: 0
  active: 1
  inactive: 2
}

// 'all' | 'active' | 'inactive'
type StatusText = keyof Status
// 0 | 1 | 2
type StatusNumber = Status[StatusText]

// Good
const statusText: StatusText = 'active'
const statusNumber: StatusNumber = 0

// Bad
const wrongStatusText: StatusText = 'possible'
const wrongStatusNumber: StatusNumber = 3

Now one can reuse the initial type definition instead of hard-coding a new type with the same values twice.

Playground example.

Rust Cheat Sheet

Fri, 26 Feb 2021 00:00:00 GMT

Non-peace Zone Monuments

Name	Size	Recommended Radiation Protection	Wood Crate	Military Crate	Elite Crate	Utilities	Puzzle
Abandoned Cabins	Small	0%	✅	-	-	-	-
Abandoned Supermarket	Small	0%	✅	✅	-	♻️	-
Lighthouse	Small	0%	✅	-	-	♻️️	-
Mining Outpost	Small	0%	✅	-	-	♻️🛠	-
Oxum’s Gas Station	Small	0%	✅	✅	-	♻️	-
Junkyard	Large	0%	✅	-	-	♻️	-
The Dome	Large	11%	✅	✅	-	🛢🛢	-
Sewer Branch	Large	10%	✅	✅	-	♻️♻️🛢	⚡🟩
Harbor 1	Large	0%	✅	-	-	♻️🛢	⚡️🟩
Harbor 2	Large	0%	✅	-	-	♻️🛢	⚡️🟩
Large Excavator Pit	Large	0%	✅	✅	-	♻️	-
Satellite Dish	Large	11%	✅	-	-	♻️🛠🔍	⚡️🟩
Power Plant	Large	25%	✅	✅	-	♻️♻️🛢🛢🛠🔍⛽	⚡️🟩🟦
Train Yard	Large	25%	✅	✅	-	♻️️🛢🛠⛽	⚡(️🟩)🟦
Airfield	Large	10%	✅	✅	-	♻️♻️🛢🛠🔍	⚡⚡️🟩🟦
Water Treatment Plant	Large	25%	✅	✅	-	♻️🛢️🛢🛠🛠⛽	⚡️🟦
Small Oil Rig	Large	0%	✅	✅	✅	️ -	️(🟩)🟦🟥
Large Oil Rig	Large	0%	✅	✅	✅	️ -	🟩🟦🟥
Military Tunnels	Large	25%	✅	✅	✅	♻️	⚡️🟩🟦🟥
Launch Site	Large	50%	✅	✅	✅	♻️🛢🛠️🔍	⚡⚡️🟩🟥

Sprinklers

Number of Planter Boxes	Output per Planter Box	Ceiling Lights Needed
1	180 ml/min	1
2	84 ml/min	2
3	60 ml/min	2
4	36 ml/min	2
5	36 ml/min	3
6	24 ml/min	3
7	24 ml/min	4
8	12 ml/min	4
9	12 ml/min	4
10	12 ml/min	6
11	12 ml/min	6
12	12 ml/min	7
13	12 ml/min	7
14	12 ml/min	8
15	12 ml/min	8

CCTV Camera Codes

Monument	Camera Code
Abandoned Cabins	-
Abandoned Supermarket	-
Airfield	AIRFIELDHELIPAD
Bandit Camp	CASINO TOWNWEAPONS
Fishing Village	-
Large Excavator Pit	-
HQM Quarry	-
Harbor 1	-
Harbor 2	-
Junkyard	-
Large Barn	-
Large Fishing Village	-
Large Oil Rig	OILRIG2HELI OILRIG2EXHAUST OILRIG2L6A OILRIG2L6B OILRIG2L6C OILRIG2L6D OILRIG2L5 OILRIG2L4 OILRIG2L3A OILRIG2L3B OILRIG2L2 OILRIG2L1 OILRIG2DOCK
Launch Site	-
Lighthouse	-
Military Tunnels	-
Mining Outpost	-
Outpost	COMPOUNDCRUDE COMPOUNDMUSIC COMPOUNDSTREET
Oxum’s Gas Station	-
Power Plant	-
Ranch	-
Satellite Dish	-
Sewer Branch	-
Small Oil Rig	OILRIG1HELI OILRIG1EXHAUST OILRIG1L4 OILRIG1L3 OILRIG1L2 OILRIG1L1 OILRIG1DOCK
Stone Quarry	-
Sulfur Quarry	-
The Dome	DOME1 DOMETOP
Train Yard	-
Water Treatment Plant	-

Large Excavator Pit

Resource	Amount every 2 minutes (1 Diesel Fuel === 2 minutes)
High Quality Metal Ore	40
Sulfur Ore	750
Metal Ore	2000
Stones	5000

Pager Codes

Monument	Frequency
Large Excavator Pit	4777 Mhz
Large Oil Rig	4768 Mhz
Small Oil Rig	4765 Mhz

Notes

Negative genes have a stronger crossbreeding weight than positive genes.

Useful Links

All Blueprints: https://rustlabs.com/blueprint-tracker
All Items: https://rustlabs.com/group=itemlist
Detailed Information about Rust: https://rustlabs.com/
Electricity: https://www.rustrician.io/
Genetics Calculator: https://wgn.si/genetics/
Item List: https://www.corrosionhour.com/rust-item-list/
Key Dictionary: https://wiki.facepunch.com/rust/Keybinds#keydictionary
Maps: https://rustmaps.com/
Monument Puzzles: Blue Solutions: https://www.rustafied.com/monument-puzzles-medium-blue-solutions
Monument Puzzles: Basic Green Solutions: https://www.rustafied.com/monument-puzzle-basic-green-solutions
Monument Puzzles: Advanced Red Solutions: https://www.rustafied.com/monument-puzzles-advanced-red-solutions
Raiding Costs: https://steamcommunity.com/sharedfiles/filedetails/?id=2402073095
Recycler Locations: https://www.corrosionhour.com/rust-recycler-guide/
Skin: https://rustlabs.com/skins#order=index,desc
Smelting Calculator: https://rust-tools.github.io/rust-smelting-calculator/
Sulfur Calculator: https://rustraidcalculator.com/HTML/raidCalc.html
Wiki: https://rust.fandom.com/wiki/Rust_Wiki

Useful TypeScript Links

Fri, 04 Oct 2019 00:00:00 GMT

Helpful Sites for Typescript Developers

Comprehensive guide to the language: https://github.com/Microsoft/TypeScript/wiki/Coding-guidelines
Coding guidelines of the TypeScript project’s codebase: https://github.com/microsoft/TypeScript-Handbook
Common type transformations: https://www.typescriptlang.org/docs/handbook/utility-types.html

Golang Quick Reference and Tips

Sat, 21 Sep 2019 00:00:00 GMT

Basic Types

bool

string

int // usually either 32 for 32-bit systems or 64 for 64-bit systems
int8  int16  int32  int64

uint // usually either 32 for 32-bit systems or 64 for 64-bit systems
uint8 uint16 uint32 uint64
uintptr // usually either 32 for 32-bit systems or 64 for 64-bit systems

byte // alias for uint8

rune // alias for int32
     // represents a Unicode code point

float32 float64

complex64 complex128 // real and imaginary components

Zero Values

0 for numeric types
false for the boolean type
"" (the empty string) for strings

Pass by value

When a pointer is passed to a function, it is still passed by value in the sense that a copy of the value of the pointer is created. While assigning new values to the value that the pointer is pointing to mutates the value, assigning a new address to the pointer won’t change the pointer value.

Arrays

Arrays are value types. This means that when they are assigned to a new variable, a copy of the original array is assigned to the new variable. If changes are made to the new variable, it will not be reflected in the original array.

Slices

Slices are reference types. When a slice is assigned to a new variable, they both point to the same internal data structure. Hence changes made in one will reflect in the other.

Length and Capacity of a Slice

The length of the slice is the number of elements in the slice.

The capacity of the slice is the number of elements in the underlying array starting from the index from which the slice is created.

Once the capacity is met, appending to a slice will return a new slice with a larger capacity and a new pointer address. It’s evident in the below example:

package main

import (
    "fmt"
)

func change(s ...string) {
    s[0] = "Go"
    s = append(s, "playground")
    fmt.Println(s)
}

func main() {
    welcome := []string{"hello", "world"}
    change(welcome...)
    fmt.Println(welcome)
}

Maps

Maps are reference types. When a map is assigned to a new variable, they both point to the same internal data structure. Hence changes made in one will reflect in the other.

Pointers

Do not pass a pointer to an array as a argument to a function. Use slice instead.

Structs

Structs are value types and are comparable if each of their fields are comparable. Two struct variables are considered equal if their corresponding fields are equal.
Struct variables are not comparable if they contain fields which are not comparable

Methods

When to use pointer receiver and when to use value receiver.

Generally, pointer receivers can be used when changes made to the receiver inside the method should be visible to the caller.

Pointers receivers can also be used in places where it’s expensive to copy a data structure. Consider a struct that has many fields. Using this struct as a value receiver in a method will need the entire struct to be copied which will be expensive. In this case, if a pointer receiver is used, the struct will not be copied and only a pointer to it will be used in the method.

In all other situations, value receivers can be used.

Value receivers in methods vs Value arguments in functions

When a function has a value argument, it will accept only a value argument.

When a method has a value receiver, it will accept both pointer and value receivers.

Pointer receivers in methods vs Pointer arguments in functions

Similar to value arguments, functions with pointer arguments will accept only pointers whereas methods with pointer receivers will accept both pointer and value receiver.

Useful Developer Links

Wed, 11 Sep 2019 00:00:00 GMT

Helpful sites for developers career-wise

Tools:

Command-line explainer: https://explainshell.com/
Regex explainer: https://regex101.com/

Learnings:

https://neilkakkar.com/things-I-learnt-from-a-senior-dev.html

Guides:

Code style guides: http://google.github.io/styleguide/
Author’s guide to giving a good code review: https://google.github.io/eng-practices/review/reviewer/
Author’s guide to getting through a code review: https://google.github.io/eng-practices/review/developer/

Useful Golang Links

Mon, 02 Sep 2019 00:00:00 GMT

Helpful Sites for Absolute Golang Beginners

Resources:

A tour of Golang: https://tour.golang.org/
Annotated example programs: https://gobyexample.com
Golang snippets: https://www.golangprograms.com/
Golang tutorial series: https://golangbot.com/learn-golang-series/
Golang course: https://tutorialedge.net/course/golang/
Resources for new Go programmers: https://dave.cheney.net/resources-for-new-go-programmers
Uber Go Style Guide: https://github.com/uber-go/guide/blob/master/style.md

Tools:

JSON to Golang struct: https://mholt.github.io/json-to-go/

Tips:

Slice tricks: https://github.com/golang/go/wiki/SliceTricks
Twelve Go Best Practices: https://talks.golang.org/2013/bestpractices.slide#1
Error programming: https://peter.bourgon.org/blog/2019/09/11/programming-with-errors.html
https://peter.bourgon.org/blog/
Effective Go: https://golang.org/doc/effective_go.html

Internals:

Slices internals: https://blog.golang.org/go-slices-usage-and-internals
Golang modules: https://blog.golang.org/using-go-modules
Scheduler saga: https://www.youtube.com/watch?v=YHRO5WQGh0k
Understanding channels: https://www.youtube.com/watch?v=KBZlN0izeiY

Books:

An introduction to programming in Go: https://www.golang-book.com/books/intro
Go bootcamp: http://www.golangbootcamp.com/book

Px and Rem Typescale

Sat, 31 Aug 2019 00:00:00 GMT

Given that 16px is our base font size, the formula would be:

Value = Target Size / Base Size

Favorable Scale

`P`i`x`els	`R`oot `Em`phemeral Unit
`12px`	`0.75rem`
`14px`	`0875rem`
`16px`	`1rem`
`18px`	`1.125rem`
`20px`	`1.25rem`
`24px`	`1.5rem`
`30px`	`1.875rem`
`36px`	`2.25rem`
`48px`	`3rem`
`60px`	`3.75rem`
`72px`	`4.5rem`

Internet Explorer Shenanigans

Fri, 30 Aug 2019 00:00:00 GMT

window.scrollY and window.scrollX

Alternatives for window.scrollY and window.scrollX are window.pageYOffset and window.pageXOffset respectively. These properties provide the best cross-browser support.

Adding a cookie

Open the browser console and type document.cookie="<KEY>=<VALUE>";void(0); where you replace the KEY and VALUE respectively with the correct values.

Useful Git Commands

Wed, 17 Jul 2019 00:00:00 GMT

Simple Commands

Command	Description
`git alias`	Display a list of available aliases
`git branch -D <BRANCH_NAME>`	Delete local branch
`git clean -fd`	Delete untracked files and folders
`git commit --allow-empty`	Allow empty commit with no change
`git push origin --delete <BRANCH_NAME>`	Delete remote branch
`git rebase -i HEAD~<N>`	Squash multiple (`N`) commits into a potentially single commit
`git reset -- <DIRECTORY_FILE_PATH>`	Unstage a file/directory and its contents
`git reset --hard origin/<BRANCH_NAME>`	Reset local branch to remote branch
`git stash apply <N>`	Apply a specific `<N>` stash which can be chosen from `git stash list`

Steps

Rename Git Branch Locally and Remotely

Command	Description
`git branch -m <OLD_BRANCH> <NEW_BRANCH>`	Rename branch locally
`git push origin :<OLD_BRANCH>`	Delete old remote branch
`git push --set-upstream origin <NEW_BRANCH>`	Push the new branch and set local branch to track the new remote branch

Squash Last `N` Commits into 1

Command	Description
`git reset --soft HEAD~<N>`	Soft reset the current branch head back `N` commits
`git commit`	Record changes
`git push --force-with-lease`	Force push only if the remote refs have their current value to be the same as the remote-tracking branch

Helpful Links:

http://ohshitgit.com/

Useful VIM Shortcuts

Wed, 17 Jul 2019 00:00:00 GMT

Essentials

Command	Description
`ESC:q!`	The Most Important Vim Command™
`i`	Exit normal mode, enter `i` mode
`ESC`	Exit `i` mode, enter normal mode
`arrow keys`	Move around
`0`	Go to beginning of line
`$`	Go to end of line
`:w`	Save (write) a file
`:q`	Quit a file (must be saved)
`:wq`	Write and quit a file
`:q!`	Force-quit a file, discarding any changes
`u`	Undo
`x`	Delete the character under the cursor
`dd`	Delete a line and move contents one line above
`D`	Delete a line but don’t move contents one line above
`cc`	Delete the contents of the line and go to `i` mode
`o`	append a new line below the current line and go to `i` mode
`O`	append a new line above the current line and go to `i` mode
`p`	Put (paste) deleted text
`⌃F`	Go forward one screen
`⌃B`	Go backward one screen
`G`	Go to last line
`1G` or `gg`	Go to first line
`/<string>`	Search for <string>

Steps

Copy and Paste a Whole Line

Command	Description
`yy` or `Y`	Copy the line
`dd`	Or delete the line
`p` or `P`	Paste the copied or deleted line after or before the current line respectively

Detailed

This is a brief summary of the key shortcuts and acts as a reference. It is taken from the contents of the file when running the below command in the terminal:

$ vimtutor

Text Editing - Deletion

x: Delete the character under the cursor

Text Editing - Insertion

i: Insert text

Text Editing - Append

a: Append text

Deletion Commands

d$ : Delete to the end of the line, INCLUDING the last character

de : Delete to the end of the current word, INCLUDING the last character

db : Delete to the beginning of the current word, EXCLUDING the first character

dw : Delete until the start of the next word, EXCLUDING its first character

Motions

$ : Move the cursor to the end of the line, INCLUDING the last character

e : Move the cursor to the end of the current word, INCLUDING the last character

b: Move the cursor to the beginning of the current word, EXCLUDING the first character

w : Move the cursor until the start of the next word, EXCLUDING its first character

Count For A Motion

N$ : Move the cursor N lines to the end of the line, INCLUDING the last character

Ne : Move the cursor N words forward to the end of the current word, INCLUDING the last character

Nb : Move the cursor N words forward to the beginning of the current word, EXCLUDING the first character

Nw : Move the cursor N words forward until the start of the next word, EXCLUDING its first character

Count For A Deletion

dN$ : Delete N lines to the end of the line, INCLUDING the last character

dNe : Delete N words to the end of the current word, INCLUDING the last character

dNb : Delete N words to the beginning of the current word, EXCLUDING the first character

dNw : Delete N words until the start of the next word, EXCLUDING its first character

Operating On Lines

dd : Delete a whole line

dNd : Delete N whole lines

Undo Command

u: Undo last command

Nu: Undo last N commands

U: Fix a whole line

ctrl-r: Redo command

Put Command

p: Put previously deleted text after the cursor

Replace Command

rX: Replace the character at the cursor with X

Change Operator

ce: Change until the end of the word. Deletes the word and places us in Insert mode.

The change operator is used with the same motions as delete (d).

Cursor Location And File Status

ctrl-g: Show location in the file and the file status

NG: Move to N line in the file

G: Move to the bottom of the file

gg: Move to the start of the file

Search Command

/: Followed by a phrase to search for the phrase

n: Search for the same phrase again

N: Search for the same phrase again in the opposite direction

?: Followed by a phrase to search for the phrase in the backward direction

ctrl-o: Go back where you come from

ctrl-i: Go forward where you come from

Matching Parenthesis Search

%: Find a matching ),], or }

Substitute Command

:s/old/new: Substitute ‘new’ for ‘old’ only for the first occurrence

:s/old/new/g: Substitute ‘new’ for ‘old’ globally in the line

:#,#:s/old/new: Substitute ‘new’ for ‘old’, where #,# are the line numbers of the range of lines where the substitution is to be done

:%s/old/new/g: Substitute ‘new’ for ‘old’ for every occurrence in the whole file

:%s/old/new/gc: Substitute ‘new’ for ‘old’ for every occurrence in the whole file with a prompt whether to substitute or not

How To Execute An External Command

:!COMMAND: Followed by an external command to execute that command

Writing Other Files

:w FILENAME: Save the changes made to the text into a file named FILENAME

Selecting Text To Write

TODO: VIM Checkpoint

Resources

https://vim.rtorr.com/

TypeScript | React Router Explicit Match Type

Tue, 16 Jul 2019 00:00:00 GMT

One can correctly type the match of a component connected with withRouter or component names passed directly in the Route component by using the RouteComponentProps interface defined in 'react-router-dom'.

import { createBrowserHistory } from 'history'
import React, { FC, useEffect } from 'react'
import { render } from 'react-dom'
import { RouteComponentProps, Route, Router, Switch } from 'react-router-dom'

import './styles.css'

const browserHistory = createBrowserHistory()
const objectIdParameter = 'objectId'

interface IHomeProps  extends RouteComponentProps<{ [key in typeof objectIdParameter]: string }> {}
const Home: FC<IHomeProps> = ({ match }) => (
  <div>Home Page with id {match.params.objectId}</div>
)

const App: FC = () => {
  useEffect(() => {
    browserHistory.push('/42')
  }, [])

  return (
    <Router history={browserHistory}>
      <Switch>
        <Route component={Home} path={`/:${objectIdParameter}`} />
      </Switch>
    </Router>
  )
}

const rootElement = document.getElementById('root')
render(<App />, rootElement)

The above example can be seen in action in the below CodeSandbox:

TypeScript | Known and Unknown Keys

Mon, 15 Jul 2019 00:00:00 GMT

interface IMyColor {
  hex: string
  rgb: string
  [key: string]: any
}

const iColor: IMyColor = {
  hex: '#bada55',
  rgb: 'rgb(1, 2, 3)',
  unknownColor: 42, // valid
}

const whatColorInterface = iColor.whatIsThis // any

type MyColorType = {
  [key: string]: any
} & {
  hex: string
  rgb: string
}

const colorType: MyColorType = {
  hex: '#bada55',
  rgb: 'rgb(1, 2, 3)',
  unknownColor: 42, // valid
}

const whatColorType = colorType['is this a valid key'] // any

There are cases where we have known and unknown keys in an object. Having at least the known keys will help with TypeScript code assistance. But, it’s generally better to avoid these kinds of types because it’s harder to guarantee type safety.

Playground example.

Tools Used for Content

Sat, 13 Jul 2019 00:00:00 GMT

Below are the tools that I use for creating my content:

Capitalizing titles: https://capitalizemytitle.com/
Chrome DevTools console script: copy(new Date().toISOString()) to assign the date published of a content
Grammarly for grammar checking and spell checking
Thesaurus

TypeScript | Array of Numbers as Type

Fri, 12 Jul 2019 00:00:00 GMT

const odd = [1, 3, 5, 7, 9] as const
const even = [0, 2, 4, 6, 8] as const

// 1 | 3 | 5 | 7 | 9 | 0 | 2 | 4 | 6 | 8
type SingleDigitNumber = (typeof odd | typeof even)[number]

const allNumbers = [odd, even]
// 1 | 3 | 5 | 7 | 9 | 0 | 2 | 4 | 6 | 8
type SingleDigitNumber2 = typeof allNumbers[number][number]

Using Arr[number] will get the contents of an array as a union.

For arrays of arrays, unwrap the array contents as much needed.

Playground example.

Useful SEO Links

Sun, 30 Jun 2019 00:00:00 GMT

Helpful tools to validate structured data

Dummy Post

Sun, 30 Jun 2019 00:00:00 GMT

Dummy post

Markdown Syntax

Sat, 22 Jun 2019 00:00:00 GMT

Courtesy of https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

H1

H2

H3

H4

H5

H6

Alternatively, for H1 and H2, an underline-ish style:

Alt-H1

Alt-H2

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Combined emphasis with asterisks and underscores.

Strikethrough uses two tildes. ~~Scratch this.~~

First ordered list item
Another item
- Unordered sub-list.
Actual numbers don’t matter, just that it’s a number
1. Ordered sub-list
And another item.

You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).

To have a line break without a paragraph, you will need to use two trailing spaces. Note that this line is separate, but within the same paragraph. (This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)

Unordered list can use asterisks

Or minuses

Or pluses

I’m an inline-style link

I’m an inline-style link with title

I’m a reference-style link

I’m a relative reference to a repository file

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

URLs and URLs in angle brackets will automatically get turned into links. https://www.example.com or https://www.example.com and sometimes example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

Here’s our logo (hover to see the title text):

Inline-style:

Reference-style:

Inline code has back-ticks around it.

var s = 'JavaScript syntax highlighting'
alert(s)console.log(s)

s = "Python syntax highlighting"
print s

This is a diff code block
+ this line is added
- this line is deleted

No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

Colons can be used to align columns.

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.

Markdown	Less	Pretty
Still	`renders`	nicely
1	2	3

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

Definition list: Is something people use sometimes.
Markdown in HTML: Does *not* work **very** well. Use HTML tags.

Three or more…

Hyphens

Asterisks

Underscores

Here’s a line for us to start with.

This line is separated from the one above by two newlines, so it will be a separate paragraph.

This line is also a separate paragraph, but… This line is only separated by a single newline, so it’s a separate line in the same paragraph.

First Post

Mon, 17 Jun 2019 00:00:00 GMT

This post is just the first one to keep the site going. I might delete it sometime when I have more content.

John's thoughts

TypeScript | Type Keys and Values as Type

Rust Cheat Sheet

Non-peace Zone Monuments

Sprinklers

CCTV Camera Codes

Large Excavator Pit

Pager Codes

Notes

Useful Links

Useful TypeScript Links

Helpful Sites for Typescript Developers

Golang Quick Reference and Tips

Basic Types

Zero Values

Pass by value

Arrays

Slices

Length and Capacity of a Slice

Maps

Pointers

Structs

Methods

When to use pointer receiver and when to use value receiver.

Value receivers in methods vs Value arguments in functions

Pointer receivers in methods vs Pointer arguments in functions

Useful Developer Links

Helpful sites for developers career-wise

Useful Golang Links

Helpful Sites for Absolute Golang Beginners

Px and Rem Typescale

Favorable Scale

Internet Explorer Shenanigans

window.scrollY and window.scrollX

Adding a cookie

Useful Git Commands

Simple Commands

Steps

Rename Git Branch Locally and Remotely

Squash Last N Commits into 1

Helpful Links:

Useful VIM Shortcuts

Essentials

Steps

Copy and Paste a Whole Line

Detailed

Text Editing - Deletion

Text Editing - Insertion

Text Editing - Append

Deletion Commands

Motions

Count For A Motion

Count For A Deletion

Operating On Lines

Undo Command

Put Command

Replace Command

Change Operator

Cursor Location And File Status

Search Command

Matching Parenthesis Search

Substitute Command

How To Execute An External Command

Writing Other Files

Selecting Text To Write

Resources

TypeScript | React Router Explicit Match Type

TypeScript | Known and Unknown Keys

Tools Used for Content

TypeScript | Array of Numbers as Type

Useful SEO Links

Dummy Post

Markdown Syntax

H1

H2

H3

H4

H5

H6

Alt-H1

Squash Last `N` Commits into 1