Dmitry Petrov krutoo

Removing the last commit

To remove the last commit from git, you can simply run git reset --hard HEAD^ If you are removing multiple commits from the top, you can run git reset --hard HEAD~2 to remove the last two commits. You can increase the number to remove even more commits.

If you want to "uncommit" the commits, but keep the changes around for reworking, remove the "--hard": git reset HEAD^ which will evict the commits from the branch and from the index, but leave the working tree around.

If you want to save the commits on a new branch name, then run git branch newbranchname before doing the git reset.

ORIGINAL did fork but search didn't helped me

If you use server rendering, keep in mind that neither useLayoutEffect nor useEffect can run until the JavaScript is downloaded.

You might see a warning if you try to useLayoutEffect on the server. Here's two common ways to fix it.

Option 1: Convert to useEffect

If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect instead.

function MyComponent() {

Sublime Text 3 configuration

subl config

ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl

Custom color schemes

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Last major update: 25.08.2020

Что такое авторизация/аутентификация
Где хранить токены
Как ставить куки ?
Процесс логина
Процесс рефреш токенов
Кража токенов/Механизм контроля токенов

	# I'll be doing another one for Linux, but this one will give you
	# a pop up notification and sound alert (using the built-in sounds for macOS)

	# Requires https://github.com/caarlos0/timer to be installed

	# Mac setup for pomo
	alias work="timer 60m && terminal-notifier -message 'Pomodoro'\
	-title 'Work Timer is up! Take a Break 😊'\
	-appIcon '~/Pictures/pumpkin.png'\
	-sound Crystal"

	const Button = forwardRef<CoralButton, ButtonProps>((props, ref) => {
	const { children, onClick, title, ...coralButtonProps } = props;

	const buttonRef = useRef<CoralButton>(null);

	useLayoutEffect(() => {
	if (ref) {
	if (isFunction(ref)) {
	ref(buttonRef.current);
	} else {

	Element.prototype._getBoundingClientRect = Element.prototype.getBoundingClientRect
	Element.prototype.getBoundingClientRect = function () {
	const rect = Element.prototype._getBoundingClientRect.call(this)
	rect.x = rect.left
	rect.y = rect.top
	return rect
	}

	export default scope => {
	// match the filter on autofilled elements in Firefox
	const mozFilterMatch = /^grayscale\(.+\) brightness\((1)?.*\) contrast\(.+\) invert\(.+\) sepia\(.+\) saturate\(.+\)$/

	scope.addEventListener('animationstart', onAnimationStart)
	scope.addEventListener('input', onInput)
	scope.addEventListener('transitionstart', onTransitionStart)

	function onAnimationStart(event) {
	// detect autofills in Chrome and Safari by:

	// Файл "tsconfig.json":
	// - устанавливает корневой каталог проекта TypeScript;
	// - выполняет настройку параметров компиляции;
	// - устанавливает файлы проекта.
	// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
	// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
	// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
	// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
	// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
	// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".

	// more minimal version of https://github.com/olahol/scrollparent.js/blob/master/scrollparent.js
	const regex = /(auto\|scroll)/;

	const style = (node, prop) =>
	getComputedStyle(node, null).getPropertyValue(prop);

	const scroll = (node) =>
	regex.test(
	style(node, "overflow") +
	style(node, "overflow-y") +