Alexey Samoshkin samoshkin

XHR limitations and drawbacks:

more complicated API, request and response concepts are mixed together.
lacks streaming, whole response is going to buffer in memory, not available for binary data

Fetch API features and pros:

more pleasant simpler API. Has Request and Response abstractions, can be used separately (for example in ServiceWorkers). Based on Promises.
supports streaming, response.body is ReadableStream, you can read data chunk by chunk without buffering, available for binary data. Can access partial content while response is being received.
has cache control support (default, no-store, reload, no-cache, force-cache, only-if-cached)

Postman vs Insomnia comparison

Postman | API Development Environment https://www.getpostman.com
Insomnia REST Client - https://insomnia.rest/

Features	Insomnia	Postman	Notes
Create and send HTTP requests	x	x
Authorization header helpers	x	x	Can create "Authorization" header for you for different authentication schemes: Basic, Digest, OAuth, Bearer Token, HAWK, AWS

ES5, released on 2009
ES6, released on 2015 (very large scope of features)
Each next version is released once a year, and would include much less features.

ECMAScript 6 compatibility table - https://kangax.github.io/compat-table/es6/
ECMAScript 2016+ compatibility table - https://kangax.github.io/compat-table/es2016plus/

ES6 (ES 2015) features

Например есть такая задача. Есть компонент, и на него же вешается директива.

<input [formControl]="controller.formControl"></input>

где component - в данном случае это родной [formControl] - это директива

Задача директивы это настроить связку между "input.value" (view) и controller.formControl (model) в две стороны:

	class Disk {
	constructor(capacity){
	this.capacity = capacity;
	}

	[Symbol.toPrimitive](hint){
	switch (hint) {
	case 'string':
	return 'Capacity: ' + this.capacity + ' bytes';

	let Builder = require('systemjs-builder');
	let fs = require('fs');
	let mapValues = require('lodash/mapValues');

	let config = {
	baseURL: '.',
	map: {
	'vendor': 'lib/vendor'
	}
	};

	#!/bin/bash

	text=$(cat -)
	request="{
	'input':{
	'ssml':'<speak>$text</speak>'
	},
	'voice':{
	'languageCode':'en-gb',
	'name':'en-GB-Wavenet-D',

	# Exclude those directories even if not listed in .gitignore, or if .gitignore is missing
	FD_OPTIONS="--follow --exclude .git --exclude node_modules"

	# Change behavior of fzf dialogue
	export FZF_DEFAULT_OPTS="--no-mouse --height 50% -1 --reverse --multi --inline-info --preview='[[ \$(file --mime {}) =~ binary ]] && echo {} is a binary file \|\| (bat --style=numbers --color=always {} \|\| cat {}) 2> /dev/null \| head -300' --preview-window='right:hidden:wrap' --bind='f3:execute(bat --style=numbers {} \|\| less -f {}),f2:toggle-preview,ctrl-d:half-page-down,ctrl-u:half-page-up,ctrl-a:select-all+accept,ctrl-y:execute-silent(echo {+} \| pbcopy)'"

	# Change find backend
	# Use 'git ls-files' when inside GIT repo, or fd otherwise
	export FZF_DEFAULT_COMMAND="git ls-files --cached --others --exclude-standard \| fd --type f --type l $FD_OPTIONS"

	set nocompatible
	filetype plugin indent on

	set tabstop=2 softtabstop=2 shiftwidth=2 expandtab
	set number
	set hidden

	set splitbelow
	set splitright