Andrei VASILACHE andreivasilache

Twemoji + React

A dead simple React Twemoji component.

Requirements: `twemoji`

npm install --save twemoji

Handling Multiple Github Accounts on MacOS

The only way I've succeeded so far is to employ SSH.

Assuming you are new to this like me, first I'd like to share with you that your Mac has a SSH config file in a .ssh directory. The config file is where you draw relations of your SSH keys to each GitHub (or Bitbucket) account, and all your SSH keys generated are saved into .ssh directory by default. You can navigate to it by running cd ~/.ssh within your terminal, open the config file with any editor, and it should look something like this:

Host *
 AddKeysToAgent yes

> UseKeyChain yes

Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

General rules

Follow standard conventions.
Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
Boy scout rule. Leave the campground cleaner than you found it.
Always find root cause. Always look for the root cause of a problem.

Design rules

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.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	navigator.serviceWorker.getRegistrations().then(function (registrations) {
	if (!registrations.length) {
	console.log('No serviceWorker registrations found.')
	return
	}
	for(let registration of registrations) {
	registration.unregister().then(function (boolean) {
	console.log(
	(boolean ? 'Successfully unregistered' : 'Failed to unregister'), 'ServiceWorkerRegistration\n' +
	(registration.installing ? ' .installing.scriptURL = ' + registration.installing.scriptURL + '\n' : '') +

	import React, { Component } from 'react'
	import PropTypes from 'prop-types'
	// ...

	class Foo extends Component {
	createHandleSearchChange = (tags) => terms =>
	this.setState({ foundTags: whateverFindAlgo(tags, terms)})

	handleAddTag = (updateEntityTags, entity, tag) => {
	updateEntityTags(entity, [...entity.tags, tag])

	var diacriticsMap = [
	{'base':'A', 'letters':/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g},
	{'base':'AA','letters':/[\uA732]/g},
	{'base':'AE','letters':/[\u00C4\u00C6\u01FC\u01E2]/g},
	{'base':'AO','letters':/[\uA734]/g},
	{'base':'AU','letters':/[\uA736]/g},
	{'base':'AV','letters':/[\uA738\uA73A]/g},
	{'base':'AY','letters':/[\uA73C]/g},
	{'base':'B', 'letters':/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g},
	{'base':'C', 'letters':/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g},