Ian Izaguirre ianizaguirre

This gist has been moved to its own Github repo, so it's easier to contribute with additions and corrections. Please open a PR there if you see any mistake, I don't track comments on here as there's no notification system for gists AFAIK. Thanks.

Tabs and Windows

Function	Shortcut
Previous Tab	`⌘`+ `Left Arrow`
Next Tab	`⌘`+ `Right Arrow`
Go to Tab	`⌘` + `Number`

Click to toggle contents of `code`

CODE!

Details

I really liked @tjvantoll article Handling Failed HTTP Responses With fetch(). The one thing I found annoying with it, though, is that response.statusText always returns the generic error message associated with the error code. Most APIs, however, will generally return some kind of useful, more human friendly message in the body.

Here's a modification that will capture this message. The key is that rather than throwing an error, you just throw the response and then process it in the catch block to extract the message in the body:

fetch("/api/foo")
  .then( response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
 })

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

All hex value from 100% to 0% alpha:

Linux fun-o-matic

How to have some fun using the terminal.

Install cowsay [0] via : sudo apt-get install cowsay
Install fortune [1] via : sudo apt-get install fortune
Install figlet [3] via : sudo apt-get install figlet
Make sure you have Ruby installed via : ruby -v
Install the lolcat [2] via : gem gem install lolcat
(option) Add to .bash_profile and/or .bashrc

In the below keyboard shortcuts, I use the capital letters for reading clarity but this does not imply shift, if shift is needed, I will say shift. So ⌘ + D does not mean hold shift. ⌘ + Shift + D does of course.

Tabs and Windows

Function	Shortcut
New Tab	`⌘` + `T`
Close Tab or Window	`⌘` + `W` (same as many mac apps)
Go to Tab	`⌘` + `Number Key` (ie: `⌘2` is 2nd tab)
Go to Split Pane by Direction	`⌘` + `Option` + `Arrow Key`

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

	export ZSH=$HOME/.oh-my-zsh
	export DEFAULT_USER='athityakumar'
	TERM=xterm-256color
	ZSH_THEME="powerlevel9k/powerlevel9k"
	POWERLEVEL9K_MODE='awesome-fontconfig'

	POWERLEVEL9K_PROMPT_ON_NEWLINE=true
	POWERLEVEL9K_PROMPT_ADD_NEWLINE=true
	POWERLEVEL9K_RPROMPT_ON_NEWLINE=true
	POWERLEVEL9K_SHORTEN_DIR_LENGTH=2

	## Open GitKraken using the current repo directory.
	## For when you want a prettier view of your current repo,
	## but prefer staying in the cli for most things.
	## This will break if GitKraken ever removes the -p flag.
	## If you're not using OSX, the path is definitely different.

	kraken () {
	~/Applications/GitKraken.app/Contents/MacOS/GitKraken -p $(pwd)
	}

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };