Skip to content

Instantly share code, notes, and snippets.

getting things done 💪🏻

Stefan Natter natterstefan

getting things done 💪🏻
View GitHub Profile
natterstefan / 0_reuse_code.js
Created Jul 28, 2016
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
natterstefan / .eslintrc.json
Last active Sep 20, 2021
.eslintrc Example
View .eslintrc.json
"extends": "airbnb",
"parser": "babel-eslint",
"env": {
"browser": false,
"node": true,
"es6": true,
"mocha": false
"parserOptions": {

Keybase proof

I hereby claim:

  • I am natterstefan on github.
  • I am natterstefan ( on keybase.
  • I have a public key ASDj9cIeoiAekkMwiS1ZlqPPfts4yWHQ89OQNX8b_TOaHAo

To claim this, I am signing this object:

natterstefan / plate-snitch.js
Created Sep 1, 2017 — forked from taitems/plate-snitch.js
(Extract) Check the status of a vehicle registration and scrape results.
View plate-snitch.js
// Open form and submit enquire for `rego`
function getInfo(rego) {
.userAgent('Mozilla/5.0 (Windows NT 6.1; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0')
.type('#registration-number-ctrl input[type=text]', rego)
.click('.btn-holder input')
.then(function(body) {
View jest-react-intl-setup.js
* Components using the react-intl module require access to the intl context.
* This is not available when mounting single components in Enzyme.
* These helper functions aim to address that and wrap a valid,
* English-locale intl context around them.
* Docs
* -
* -
natterstefan / scrollbar.css
Created Jul 4, 2018
CSS: vertical scrollbar
View scrollbar.css
/* width */
::-webkit-scrollbar {
width: 5px;
border: 1px solid #d5d5d5
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
natterstefan / list.js
Created Jul 31, 2018
React - Example Component connected to react-router server w/ prefetching data
View list.js
/* eslint-disable no-underscore-dangle */
import React from 'react'
import PropTypes from 'prop-types'
import get from 'lodash.get'
import BemHelper from 'react-bem-helper'
import { apiClient } from '../../../common/api/client'
// Styling
const classes = new BemHelper('list')
natterstefan / promise-all.js
Created Aug 7, 2018
Avoiding promise.all to fail
View promise-all.js
// inspired by (Credits):
// - A:
// - B:
// Solution A
await Promise.all( => p.catch(() => undefined)))
// Solution B
await Promise.all( =>
natterstefan /
Last active Sep 17, 2021
How to track content statistics for Facebook Instant Articles with Google Analytics

Track Facebook Instant Articles with Google Analytics

The *.html example assumes you have integrated the tracking code as an iframe in the instant articles feed.

<figure class="op-tracker">
    <iframe src=""></iframe>
natterstefan /
Last active Mar 29, 2019
JEST | Debug with Google Chrome and/or VS Code

How to debug Jest tests with Chrome

Taken from Jest's troubleshooting page:

  • Place a debugger; statement in any of your tests, and then, in your project's directory
  • yarn test-debug
  • open Chrome and go to chrome://inspect
  • click on "Open Dedicated DevTools for Node"
  • click on the address displayed in the terminal (usually something like