Arturs Jansons iegik

Design Patterns in JavaScript

Strategy

Observer

negate

const negate = fn => (...args) => !fn(...args);

claim

const claim = fn => (...args) => fn(...args);



⌥ === Option
⌘ === Command or CMD
⎋ === Escape or ESC
⇧ === Shift
⇪ === Caps Lock or CpsLck

⌘ + ` - Switch between same app windows

Loading fonts

font-display: optional;

DEPRICATED

if (getCookie('fonts') === 1) {
 printf('')

Here is example of fast implimentation with requests:

import fast, request from './';
const {log} = console;

class API {}
API.json = (...args) => 
  // @fast request
 fast(request)(...args).then(data =&gt; data.json());

	## Actions

	# --ignore-platform - to avoid compilation binary files
	# --no-bin-links - to not create executables in node_modules/.bin/
	YARN_ARGS=\
	--link-duplicates \
	--no-bin-links \
	--ignore-optional \
	--ignore-scripts \
	--disable-pnp \

	:root {
	--var1: 0;
	}
	.root {
	/* .root-ZxY */
	}
	.module .btn {
	/* .module-xYz .btn-Yzx */
	}
	.module :global .btn {

	`childEvents` -> `childViewEvents`
	`LayoutView` -> `View`
	`ItemView` -> `View`
	`onBeforeShow` -> `onRender`
	`templateHelpers` -> `templateContext`

	`(this\|self)\.(\w+).show\(` -> `$1\.showChildView('$2', `

	import React, { Component } from 'react';
	import { reduce } from 'lodash';

	export default View => class extends Component {
	state = {
	values: {},
	errors: {},
	isSubmitted: false,
	isFresh: true,
	onChangeField: (field, value, validation) => {