SerhiiHulii

/* *******************************************************************************************
 * THE UPDATED VERSION IS AVAILABLE AT
 * https://github.com/LeCoupa/awesome-cheatsheets
 * ******************************************************************************************* */


// 0. Synopsis.
// http://nodejs.org/api/synopsis.html

SerhiiHulii

#!/bin/bash
#####################################################
# Name: Bash CheatSheet for Mac OSX
# 
# A little overlook of the Bash basics
#
# Usage:
#
# Author: J. Le Coupanec
# Date: 2014/11/04

SerhiiHulii

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "your_email@youremail.com"

SerhiiHulii

<template>
  <div class="modal-wrapper" @click="clickModalWrapper">
    <transition name="fade">
      <template v-if="getComponent">
        <component :is="getComponent" />
      </template>
    </transition>
  </div>
</template>

SerhiiHulii

disableScrolling () {
  document.querySelector('body').style.overflow = 'hidden'
},

enableScrolling () {
  document.querySelector('body').style.overflow = 'auto'
}

SerhiiHulii

function setHeightProperty() {
  const vh = window.innerHeight * 0.01
  document.documentElement.style.setProperty('--vh', `${vh}px`)
}

function initResizeObserver() {
  setHeightProperty()
  window.addEventListener('resize', () => {
    setHeightProperty()
  })

SerhiiHulii

import React, {useEffect} from 'react';

const Exapmle = () => {
  useEffect(() => { // if 2nd argument is not exists will be called with every call of render() function. On 'mouting' and 'updated'
    console.warn('render() === [mounted && updated]') 
  })

  useEffect(() => { // if 2nd argument is exists but empty, will be called only one time in 'mouting'
    console.error('mounted')
    return () => { // if mounting will return funtion will be called on 'beforeDestroy' hook