Andrey Romanov andrew--r

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

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

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

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

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

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

	async function run() {

	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 && \

	<?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>

	: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));

	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);

	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;
	}

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

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