andrew--r

const {Async} = require('@rushstack/node-core-library');
const {runWithLock} = require('./runWithLock');

function simulateLockedOperation() {
  return runWithLock(async () => {
    await Async.sleep(250);
  });
}

async function run() {

andrew--r

FROM node:12.13.0-alpine

WORKDIR /usr/src/deps_dev

COPY package.json yarn.lock ./

RUN cp -r . ../deps_prod && \
  yarn install --prefer-offline --frozen-lockfile --no-color && \
  cd ../deps_prod && \
  yarn install --production --ignore-scripts --prefer-offline --frozen-lockfile --no-color && \

andrew--r

• https://spectrum.adobe.com/page/iconography/
• https://ant.design/docs/spec/icon#header
• https://bold.bridge.ufsc.br/en/design-guidelines/iconography
• https://rei.github.io/rei-cedar-docs/icons/iconography/
• https://cloudflare.github.io/cf-ui/#cf-design-icons
• https://design.firefox.com/photon/visuals/iconography.html
• https://material.io/design/iconography/system-icons.html#system-icon-metrics
• https://design.gitlab.com/product-foundations/iconography/
• https://design-system.pluralsight.com/patterns/iconography
• https://www.lightningdesignsystem.com/guidelines/iconography/

andrew--r

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>Ansi 0 Color</key>
	<dict>
		<key>Alpha Component</key>
		<real>1</real>
		<key>Blue Component</key>
		<real>0.13333334028720856</real>

andrew--r

:root {
  --checkbox-size: 1em;
  --checkbox-spacing: 0.5em;
  --box-shadow-outline: 0 0 0 2px #3b99fc;
  --box-shadow-press: inset 0 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.checkbox {
  position: relative;
  padding-left: calc(var(--checkbox-size) + var(--checkbox-spacing));

andrew--r

const cons = (a, b) => {
  const inner = (fn) => fn(a, b);
  
  inner.valueOf = inner.toString = () => `(${a} ${b})`;
  inner.isPair = true;
  
  return inner;
};
const car = (pair) => pair((a, b) => a);
const cdr = (pair) => pair((a, b) => b);

andrew--r

class FARule {
  constructor(state, action, nextState) {
    this.state = state;
    this.action = action;
    this.nextState = nextState;
  }
  
  applies(state, action) {
    return this.state === state && this.action === action;
  }

andrew--r

Оригинальная заметка Матиаса Питера Йохансона, переведена с разрешения автора.

---

Размышления о языках шаблонов

Меня часто спрашивают, что я думаю о Vue.

Не буду оценивать Vue, так как я недостаточно хорошо знаком с ней, но я очень хорошо знаком с шаблонизаторами. Собственная система шаблонов Vue вместо JSX во многих статьях преподносится как причина, по которой вы должны выбрать Vue. Из-за этого я на стену лезу от негодования, потому что негативные стороны этого подхода даже не удостаиваются упоминания или обсуждения. JSX существует по достаточно веским причинам. Для меня JSX — большой шаг к упрощению и улучшению шаблонов.

andrew--r

function assert(description, condition) {
	return `${condition ? '✓' : '×'} ${description}`;
}
function If(bool) {
	return (a) => (b) => bool(a, b);
}

function True(a, b) {
	return a;
}