Dmitriy Gavrilov DmitriyWebDev

Недавно я задался вопросом безопасности своего дев. окружения - 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.

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

	/**
	* react-select + allOption
	*
	* author: [email protected], @alex_escalante
	*
	* Gives users of the fine component react-select the ability to select
	* all options with a single click.
	*
	* We're basically wrapping react-select but using a special option,
	* the "allOption". This option is exclusive of any other option

	const jsdom = require("jsdom");
	const { JSDOM } = jsdom;

	const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');

	global.window = dom.window;
	global.document = dom.window.document;

	// Simulate window resize event
	const resizeEvent = document.createEvent('Event');

Dmitriy Gavrilov DmitriyWebDev

Jest - mock useState

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

Ценности

Amplifr Landings Rules

Requirements