rekomat

React Cheatsheet

Toggle state

const [isOn, setIsOn] = useState(false);

// ✔ do
const toggle = () => setIsOn(isOn => !isOn);

rekomat

Typescript Cheatsheet

Enums

Using objects instead of enums

export enum Position {
  Top = 'top',
 Bottom = 'bottom',

rekomat

ASCII Tree

@igs/ngx-ui
├── app-layout
│   ├── app-frame (app-layout)
│   └── app-header-drawer
├── workspace-layout (feature-layout)
│   ├── workspace-header
│ ├── workspace-simple (feature-layout-simple)

rekomat

npm Cheatsheet

Update all packages to latest

# Install ncu globally
npm install -g npm-check-updates

# Run it to update all version hints in package.json 
# (dependencies and dev-dependencies)

rekomat

Facebook Graph API Cheatsheet

Access Token

Generate temporary access token

The temporary access token can be exchanged against a permanent access token later (s. below).

• Go to the Graph API Explorer
• Choose your Facebook-App

rekomat

SSH Cheatsheet

Use custom port to connect

# ~/.ssh/config
Host my.host.com
  Port 1234

rekomat

nvm Cheatsheet

Check if nvm is installed

command -v nvm

Get currently active version

nvm current -- or -- node -v

rekomat

Chrome Inspector Cheatsheet

Copy large objects from console

• Right-click the console.log() output
• Click "Store as global variable"
• Run copy(temp1)
• ctrl-v

Source: DEV: How to Copy a big Object or Array from console to clipboard

rekomat

DNS Lookup Cheatsheet

Get DNS for a domain

$ dig -t NS pixelherz.com
pixelherz.com.		10534	IN	NS	ns1.netzone.ch.
pixelherz.com.		10534	IN	NS	ns3.netzone.ch.
pixelherz.com.		10534	IN	NS	ns2.netzone.ch.

rekomat

JRW Consulting, Corporate Design Cheatsheet

Typography

• Font Family: Karla
• Font Weight: Regular
• Line Height: tbd
• Paragraph: tbd
• Kerning: tbd