gadzhimari

Conventional Commit Messages

See how a minor change to your commit message style can make a difference. Examples

Have a look at CLI util git-conventional-commits to ensure this conventions and generate changelogs

Commit Formats

Default

gadzhimari

import { useReducer } from 'react';
import { useEffectOnce } from 'react-use';
import { GeolocationPositionError } from 'errors';

const geoPositionReducer = (state, action) => {
  switch (action.type) {
    case 'error': {
      return {
        ...state,
        status: 'error',

gadzhimari

import tlds from 'tlds';

const domains = new Set(tlds);
const pattern = /(?:\[(.+)\]\()?((?:(https?):\/\/)?(?:www\.)?[-а-яёa-z0-9]+\.([а-яёa-z]{2,6})(?:[-а-яёa-z0-9._~:\/\?#\[\]@!$&'()\*\+,;=%]+)?)/ig;

function isPunctuation(char: string): boolean {
  return char === '.' || char === ',' || char === ':';
}

function indexOf(text: string, char: string, startIndex: number, endIndex: number): number {

gadzhimari

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

gadzhimari

Cannot find /usr/bin/llvm-link, check the paths in ~/.emscripten

Solution: Manually set LLVM_ROOT to /usr/local/opt/emscripten/libexec/llvm/bin

gadzhimari

Step 1

Download and run the Adobe Creative Cloud Cleaner Tool, their multi-app uninstaller and wipe assistant. Adobe does recommend running individual application uninstallers first, your call. Click the Clean All option.

Step 2

Type a one line command in terminal find ~/ -iname "*adobe*" and it's shows up all files which match pattern.

To remove all files

`sudo rm -rf /Applications/Adobe* /Applications/Utilities/Adobe* /Library/Application\ Support/Adobe /Library/Preferences/com.adobe.* /Library/PrivilegedHelperTools/com.adobe.* /private/var/db/receipts/com.adobe.* ~/Library/Application\ Support/Adobe* ~/Library/Application\ Support/com.apple.sharedfilelist/com.apple.LSSharedFileList.ApplicationRecentDocuments/com.adobe* ~/Library/Application\ Support/CrashReporter/Adobe* ~/Library/Caches/Adobe ~/Library/Caches/com.Adobe.* ~/Library/Caches/com.adobe.* ~/Library/Cookies/com.adobe.* ~/Library/Logs/Adobe* ~/Librar

gadzhimari

Sync dotfiles

The best way to store your dotfiles is bare repository.

No extra tooling, no symlinks, files are tracked on a version control system, you can use different branches for different computers, you can replicate you configuration easily on new installation.

More about this techique

gadzhimari

// const pattern = /(?:\[(.+)\]\()?((?:https?|ftp):\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-z]{2,6}\b(?:[-a-zA-Z0-9@:%_\+.~#?&\/\/=():!,\'\'\*]*))/ig;

// const pattern = /(?:\[(.+)\]\()?((https?:\/\/|ftps?:\/\/)?([a-z0-9\-]+\.){1,}([a-z0-9\-]+)?(:(\d{1,5}))?(\/([a-z0-9\-._~:\/\?#\[\]@!$&'\(\)\*\+,;=%]+)?)?)/ig;

const pattern = /(?:\[(.+)\]\()?(((?:https?|ftps?):\/\/)?(?:www\.)?[-a-z0-9]+\.[a-z]{2,6}\b([-a-z0-9._~:\/\?#\[\]@!$&'()\*\+,;=%]+)?)/ig;

//
// const pattern = /(?:\[(.+)\]\()?((?:https?|ftp):\/\/\S+)/ig;

// const pattern = /(?:\[(.+)\]\()?(([--:\w?@%&+~#=]*\.[a-z]{2,4}\/{0,2})((?:[?&](?:\w+)=(?:\w+))+|[--:\w?@%&+~#=\(\)]+)?)/ig;

gadzhimari

Basics

In git there is three essential entity: blob, tree object and commit.

Reset

To throw away local changes exits couple of similar commands
git reset --hard
git checkout -f <branch>

Note: Untracked files will be untouched. The <branch> is optional and if we specified the HEAD it's unnecessary, because by default it's reference to the currently checked out commit.

gadzhimari

Install fixed version of package

npm install --save --save-exact react

Set a default in .npmrc config

npm config set save-exact=true

Install package from Git and Github repository

As of NPM version 1.1.65, we can do this: npm install /#