Dmitriy Gavrilov DmitriyWebDev

Playwright on Arch Linux - just use system Chromium

So you're on Arch and Playwright is being a pain? Yeah, same. Here's what happens:

$ npm init playwright@latest
BEWARE: your OS is not officially supported by Playwright; installing dependencies for ubuntu24.04-x64 as a fallback.
Installing dependencies...
sh: line 1: apt-get: command not found
Failed to install browsers

Недавно я задался вопросом безопасности своего дев. окружения - vscode nodejs git yarn npm... Как известно пакеты и их зависимости представляют обширный вектор для атак. Тоже самое можно сказать и про Visual Studio Code с его плагинами и средствами автоматизации, и про другие утилиты. По сути это все есть ящик пандоры с доступом к вашей системе.

Первое что пришло на ум, это создать под проект виртуальную машину и примонтировать каталог проекта в нее. Таким образом бы достигалась полная безопасность остальной системы. Но как показала практика это не очень удобно. Скорость работы оставляет желать лучшего, виртуальная машина потребляет много ресурсов, да и поддержка нескольких операционных систем занимает время.

В голове все это время крутилось: "контейнеры", поэтому решение не заставило себя долго ждать. В общем недавно у нас появилась возможность запускать сервер для vscode и подключаться к нему из своей локальной версии vscode используя remote расширение или вообще через броузер.

Я решил пойти

Jest - mock useState

When using import React, { useState } from 'react' in your components, this is how you can mock useState with jest.

A compile-time 4-Bit Virtual Machine implemented in TypeScript's type system. Capable of running a sample 'FizzBuzz' program.

Syntax emits zero JavaScript.

type RESULT = VM<
  [
    ["push", N_1],         // 1
    ["push", False],       // 2
 ["peek", _], // 3

Принципы разработки Амплифера

Тут перечислены не законы, последние слово всегда за здравым смыслом. Тут перечислены лишь направление, куда надо стремиться. Принципы, которые должны помочь, когда не знаешь, что выбрать.

Ценности

Пользователь. Если что-то сильно мешает UX или есть критическая ошибка, то в первую очередь мы спасаем пользователей. Для этого иногда надо взять ответственность на себя, переубедить толпу, написать плохой код.

Amplifr Landings Rules

Amplifr’s rules for landing pages created by outsource.

	const PasswordView = Backbone.View.extend({
	events: {
	'input input': 'updatePassword'
	},

	updatePassword(e) {
	const pwd = e.target.value;
	const reqs = [
	['8+ characters', pwd.length >= 8],
	['12+ characters', pwd.length >= 12],

	interface HOC<T> {
	(Component: React.ComponentType<T>): (props: T) => JSX.Element
	}

	const reduceHOCs = <T>(...hocs: HOC<T>[]): HOC<T> => hocs
	.reduce((reduced, next) => (c) => next(reduced(c)));

	const applyHOCs = <T>(...hocs: HOC<T>[]) {
	const reducedHoc = reduceHOCs(...hocs);

	import React, { useReducer } from 'react';
	import { BrowserHistory, Update, History } from 'history';
	import { Router } from 'react-router-dom';
	import {
	Middleware, createSlice,
	} from '@reduxjs/toolkit';

	type ReduxAction<T = any> = {
	type: string,
	payload?: T,

	import React, { Component } from 'react'
	import PropTypes from 'prop-types'
	import { modalFooterStyles } from './styles.scss'
	import { Modal as ReactBootstrapModal } from 'react-bootstrap'

	class ModalFooter extends Component {
	constructor(props) {
	super(props)
	}