tcodes0/links-and-cool-hacks.txt

## links-and-cool-hacks.txt
RTL relay testings
https://github.com/facebook/relay/blob/master/packages/relay-test-utils/__tests__/RelayMockEnvironmentWithComponents-test.js
https://github.com/entria/entria-fullstack/pull/109/files

Very easy native splash screen on Xcode
https://medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec

Init rn app on specific rn version
(rn cli 2.0.1+)
react-native-cli init --version="react-native@0.59.10" my project

// correct CRA usage
yarn create react-app my-app

// mongo regex example
db.Event.find({ title: {$regex: new RegExp("tom", "i")} })[0]

// rn network debug
https://github.com/jhen0409/react-native-debugger/issues/382
```
// add to index.js
global.XMLHttpRequest = global.originalXMLHttpRequest || global.XMLHttpRequest;
global.FormData = global.originalFormData || global.FormData;

if (window.FETCH_SUPPORT) {
  window.FETCH_SUPPORT.blob = false;
} else {
  global.Blob = global.originalBlob || global.Blob;
  global.FileReader = global.originalFileReader || global.FileReader;
}
```

Renato Bohler's tmux config
```
set-option -g default-shell /bin/zsh
set -g utf8
set-window-option -g utf8 on
set -g status off
set -g default-terminal "screen-256color"
set -g prefix C-a
unbind C-b
set -sg escape-time 1
set-option -g base-index 1
setw -g pane-base-index 1
bind r source-file ~/.tmux.conf \; display "Reloaded!"
bind | split-window -h
bind - split-window -v
```

// calculate ssh key fingerprint
- cat public key, remove leading strings, copy base64payload
- echo -n $base64payload | base64 -D | md5

// replaceAtIndex helper
export const replaceAtIndex = <Item = any>(array: Item[], index: number, item: Item): Item[] => {
  return [...array.slice(0, index), item, ...array.slice(index + 1)];
};

export const ONE_SECOND_IN_MILLISECONDS = 1000;
export const ONE_MINUTE_IN_MILLISECONDS = 60 * ONE_SECOND_IN_MILLISECONDS;
export const ONE_HOUR_IN_MILLISECONDS = 60 * ONE_MINUTE_IN_MILLISECONDS;
export const ONE_DAY_IN_MILLISECONDS = 24 * ONE_HOUR_IN_MILLISECONDS;
export const SEVEN_DAYS_IN_MILLISECONDS = 7 * ONE_DAY_IN_MILLISECONDS;

json to typescript type conversion
https://transform.tools/json-to-typescript

awesome phone regex
https://regex101.com/r/MNWXbW/3

convert salaries between year/hour/month
new Array(130).fill(0).map((x, i) => (i+4) * 5000).map(year => ({ year, hour: (year/1920.1755589082431).toFixed(0), month: (year/12).toFixed(0) }))

cool thoughts articles tweets ideas
https://stopa.io

github gif how to
![](name-of-giphy.gif)

kill branches that have no remotes
```bash
git branch -vv | grep ': gone]'|  grep -v "\*" | awk '{ print $1; }' | xargs -r git branch -D
```

twitter bot translation google translate npm library
https://github.com/vitalets/google-translate-api

how to grep git source code
```
git grep <regexp> $(git rev-list --all)
```

how to grep git commit msg
```
<your fav git log alias> --grep="foo"
```

git push a few commits to origin
```
git push origin 91143c3:fix-52-2
```
where 91143c3 is the last commit you want to push, and fix-52-2 is the branch on origin to push to.
this actually pushes all child commits of 91143c3 to origin because commits are chained together.
so, if you'd like to push a range, push the head commit with this technique.

when doing complex stuff, find the simples code that works and build from there
	RTL relay testings
	https://github.com/facebook/relay/blob/master/packages/relay-test-utils/__tests__/RelayMockEnvironmentWithComponents-test.js
	https://github.com/entria/entria-fullstack/pull/109/files

	Very easy native splash screen on Xcode
	https://medium.com/@kelleyannerose/react-native-ios-splash-screen-in-xcode-bd53b84430ec

	Init rn app on specific rn version
	(rn cli 2.0.1+)
	react-native-cli init --version="react-native@0.59.10" my project

	// correct CRA usage
	yarn create react-app my-app

	// mongo regex example
	db.Event.find({ title: {$regex: new RegExp("tom", "i")} })[0]

	// rn network debug
	https://github.com/jhen0409/react-native-debugger/issues/382
	```
	// add to index.js
	global.XMLHttpRequest = global.originalXMLHttpRequest \|\| global.XMLHttpRequest;
	global.FormData = global.originalFormData \|\| global.FormData;

	if (window.FETCH_SUPPORT) {
	window.FETCH_SUPPORT.blob = false;
	} else {
	global.Blob = global.originalBlob \|\| global.Blob;
	global.FileReader = global.originalFileReader \|\| global.FileReader;
	}
	```

	Renato Bohler's tmux config
	```
	set-option -g default-shell /bin/zsh
	set -g utf8
	set-window-option -g utf8 on
	set -g status off
	set -g default-terminal "screen-256color"
	set -g prefix C-a
	unbind C-b
	set -sg escape-time 1
	set-option -g base-index 1
	setw -g pane-base-index 1
	bind r source-file ~/.tmux.conf \; display "Reloaded!"
	bind \| split-window -h
	bind - split-window -v
	```

	// calculate ssh key fingerprint
	- cat public key, remove leading strings, copy base64payload
	- echo -n $base64payload \| base64 -D \| md5

	// replaceAtIndex helper
	export const replaceAtIndex = <Item = any>(array: Item[], index: number, item: Item): Item[] => {
	return [...array.slice(0, index), item, ...array.slice(index + 1)];
	};

	export const ONE_SECOND_IN_MILLISECONDS = 1000;
	export const ONE_MINUTE_IN_MILLISECONDS = 60 * ONE_SECOND_IN_MILLISECONDS;
	export const ONE_HOUR_IN_MILLISECONDS = 60 * ONE_MINUTE_IN_MILLISECONDS;
	export const ONE_DAY_IN_MILLISECONDS = 24 * ONE_HOUR_IN_MILLISECONDS;
	export const SEVEN_DAYS_IN_MILLISECONDS = 7 * ONE_DAY_IN_MILLISECONDS;

	json to typescript type conversion
	https://transform.tools/json-to-typescript

	awesome phone regex
	https://regex101.com/r/MNWXbW/3

	convert salaries between year/hour/month
	new Array(130).fill(0).map((x, i) => (i+4) * 5000).map(year => ({ year, hour: (year/1920.1755589082431).toFixed(0), month: (year/12).toFixed(0) }))

	cool thoughts articles tweets ideas
	https://stopa.io

	github gif how to
	![](name-of-giphy.gif)

	kill branches that have no remotes
	```bash
	git branch -vv \| grep ': gone]'\| grep -v "\*" \| awk '{ print $1; }' \| xargs -r git branch -D
	```

	twitter bot translation google translate npm library
	https://github.com/vitalets/google-translate-api

	how to grep git source code
	```
	git grep <regexp> $(git rev-list --all)
	```

	how to grep git commit msg
	```
	<your fav git log alias> --grep="foo"
	```

	git push a few commits to origin
	```
	git push origin 91143c3:fix-52-2
	```
	where 91143c3 is the last commit you want to push, and fix-52-2 is the branch on origin to push to.
	this actually pushes all child commits of 91143c3 to origin because commits are chained together.
	so, if you'd like to push a range, push the head commit with this technique.

	when doing complex stuff, find the simples code that works and build from there