matthewhartman

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.6-yakkety/linux-headers-4.6.0-040600_4.6.0-040600.201605151930_all.deb

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.6-yakkety/linux-headers-4.6.0-040600-generic_4.6.0-040600.201605151930_amd64.deb

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.6-yakkety/linux-image-4.6.0-040600-generic_4.6.0-040600.201605151930_amd64.deb

sudo dpkg -i linux-headers-4.6.0*.deb linux-image-4.6.0*.deb

sudo update-grub

matthewhartman

// Place your settings in this file to overwrite the default settings
{
    "http.proxyStrictSSL":false,
    "standard.enable": true,
    "files.autoSave": "on",
    "window.zoomLevel": 0,
    "workbench.welcome.enabled": false,
    "editor.minimap.enabled": true,
    "emmet.syntaxProfiles": {
        "javascript": "html"

matthewhartman

{
  "keys": ["tab"], 
  "command": "expand_abbreviation_by_tab", 

  // put comma-separated syntax selectors for which 
  // you want to expandEmmet abbreviations into "operand" key 
  // instead of SCOPE_SELECTOR.
  // Examples: source.js, text.html - source
  "context": [
    {

matthewhartman

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"

matthewhartman

Difference between Debounce and Throttle

Debounce

Debounce a function when you want it to execute only once after a defined interval of time. If the event occurs multiple times within the interval, the interval is reset each time.
Example A user is typing into an input field and you want to execute a function, such as a call to the server, only when the user stops typing for a certain interval, such as 500ms.

Throttle

matthewhartman

byzanz-record --duration=7 --x=0 --y=0 --width=1366 --height=768 output.gif

matthewhartman

import { useEffect, useState } from "react"
import { createBrowserHistory } from "history"
const history = createBrowserHistory()
const trim = url => url.replace(/^\/|\/$/g, "")

function useRouter(initial = "") {
  const [route, setRoute] = useState(initial)

  useEffect(() => {
    const { pathname, search } = new URL(route, window.location.href)

matthewhartman

// in dev tools, right click on object and `store as global variable`
JSON.stringify(temp1, null, 2) // 2 tab spacing

matthewhartman

const { watch, src, dest, parallel } = require('gulp');
const sass = require('gulp-sass');
const cssnano = require('cssnano');
const sourcemaps = require('gulp-sourcemaps');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const concat = require('gulp-concat');
const browserSync = require('browser-sync');
const newer = require('gulp-newer');
const imagemin = require('gulp-imagemin');

matthewhartman

{
  "name": "parcel-example",
  "version": "1.0.0",
  "description": "A basic setup using Parcel - A blazing fast, zero configuration web application bundler",
  "scripts": {
    "start": "NODE_ENV=development parcel src/index.html --open",
    "build": "NODE_ENV=production rm -rf dist && tsc --noEmit && parcel build src/index.html",
    "clean": "rm -rf dist"
  },
  "private": true,