Bamieh

import qualified Data.ByteString.Lazy as L
import Data.Word (Word8)

data Stats = Stats
    { total :: Int
    , count :: Int
    }

initStats :: Stats
initStats = Stats 0 0

Bamieh

/*

Description:
Map over an array of items:
- If the item meets the condition, apply the callback
- If the item does not meet the condition return the item without any transformation.

Example:
```
const exampleArray = [1, 2, 9, "C", "B", "C"];

Bamieh

Instructions

• copy the file commit-msg to .git/hooks/commit-msg
• make sure your delete the sample file .git/hooks/commit-msg.sample
• Make commit msg executable. chmod +x .git/hooks/commit-msg
• Edit commit-msg to better fit your development branch, commit regex and error message
• Profit $$

Shell example

Bamieh

import { push } from 'react-router-redux';
import { takeLatest, call, put } from 'redux-saga/effects';
import config from '../../../config/client';
import { REQUEST_POST_LIST } from '../actions';
import updatePostList from '../actions/updatePostList';
import fetchPostList from './utils/fetchPostList';
import trackPageViewWithGoogleAnalytics from '../actions/trackPageViewWithGoogleAnalytics';
import trackPageViewWithIvw from '../actions/trackPageViewWithIvw';

export function *requestPostList({ threadId, page }) {

Bamieh

const randomNumber = (m_w, m_z) => {
  const c_m_z = 36969 * (m_z & 65535) + (m_z >> 16);
  const c_m_w = 18000 * (m_w & 65535) + (m_w >> 16);
  return (c_m_z << 16) + c_m_w;
}

// code snippet from Joe Nelson's course at frontend masters.

Bamieh

// This makes two connections, one to a tcp server, one to an http server (both in server.js)
// It fires off a bunch of connections and times the response

// Both send strings.

const net = require(`net`);
const http = require(`http`);

function parseIncomingMessage(res) {
  return new Promise((resolve) => {

Bamieh

/*
  usage:
    Events.on(window, 'keydown', (event) => {
      tabPressed = keycode(event, 13);
    });
*/
export default function keycode(event, code) {
  const property = event.key || event.keyIdentifier || event.keyCode;
  return property && property === code;
};

Bamieh

// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => [1, 2, 3];

Bamieh

@function parse-dotless($class) {
  $this: quote($class);
  @return if(str-slice($this, 0, 1) == ".", str-slice($this, 2, str-length($this)), $this);
}

/*
  example usage:
  .14px {
    font-size: parse-dotless(#{&}); // will strip the class from .14px to return 14px;
  }

Bamieh

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.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()