monners

import React from 'react'
import styled from 'styled-components'

export default function RenderCount() {
  const renders = React.useRef(0)

  return <Circle>{++renders.current}</Circle>
}

const size = 30

monners

# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:

monners

class ScrollLock {
  constructor () {
    this.pageBody = document.querySelector('.body');
    this.scrollY = 0;
  }

  saveScrollY = (num) => {
    this.scrollY = num;
  }

monners

function ajaxRequest (url, cb) {
  setTimeout(() => {
    cb({ height: 1000, width: 500});
  }, 2000)
}

const p = new Promise((res, rej) => {
  ajaxRequest('url', (data) => {
    res(data);
  })

monners

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

monners

// Disabling the linter on this for now.
// scss-lint:disable SelectorFormat

// NOTE: Inactive to avoid potential conflicts - We might use this later in the Consumer project rebuild
// .container-fluid,
// .container {
//   margin-right: auto;
//   margin-left: auto;
// }
//

monners

function makeObjectIterable (obj) {
  obj[Symbol.iterator] = function *() {
    let properties = Object.keys(this);
    for (let p of properties) {
      yield this[p];
    }
  }
  
  return obj;
}

monners

So, you want to send a motherfucking XMLHttpRequest (XHR, or commonly and falsly known as AJAX.) Too bad, just ran out of motherfucking XMLHttpRequests; but I still have one regular. XHR is not magic. It does not autofuckinmagically send things the way you want them do be sent. It does not do the thinking for you. It just sends an Http Request.

You get a hold on such a prime beast like this:

monners

var Loop = function() {
	someFunction();
	setTimeout(Loop, 10);
};
window.onload = Loop;

monners

window.onload = function() {
	setInterval( rotate, 50);
};