Ahmad Bamieh Bamieh

## jquery.ba-tinypubsub.js
/*!
 * jQuery Tiny Pub/Sub - v0.X - 11/18/2010
 * http://benalman.com/
 *
 * Original Copyright (c) 2010 "Cowboy" Ben Alman
 * Dual licensed under the MIT and GPL licenses.
 * http://benalman.com/about/license/
 *
 * Made awesome by Rick Waldron
 *

## app.html
<!DOCTYPE html>
<html class="no-scroll">
<head>
  <style>
    .no-scroll,
    body.loading-app {
      overflow: hidden;
    }
    body.loading-app #splash-screen {
      opacity: 1;

## dynamic-waterfall-promise.js
var counter = 0;
function run(cb) {
  counter++;
  return (function(count) {
    return new Promise(function(resolve, reject) {
        cb(count);
        resolve(count);
    });
  })(counter);
}

## what-forces-layout.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                Bamieh
                / what-forces-layout.md
            
            
              Created
              July 21, 2016 10:27
                — forked from paulirish/what-forces-layout.md
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    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()


## parse-dotless.scss
@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;
  }

## destructuring.js
// === Arrays

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


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

## keycode.js
/*
  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;
};

## client.js
// 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) => {

## random.js
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.

## requestPostList.js
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 }) {
	/*!
	* jQuery Tiny Pub/Sub - v0.X - 11/18/2010
	* http://benalman.com/
	*
	* Original Copyright (c) 2010 "Cowboy" Ben Alman
	* Dual licensed under the MIT and GPL licenses.
	* http://benalman.com/about/license/
	*
	* Made awesome by Rick Waldron
	*
	<!DOCTYPE html>
	<html class="no-scroll">
	<head>
	<style>
	.no-scroll,
	body.loading-app {
	overflow: hidden;
	}
	body.loading-app #splash-screen {
	opacity: 1;
	var counter = 0;
	function run(cb) {
	counter++;
	return (function(count) {
	return new Promise(function(resolve, reject) {
	cb(count);
	resolve(count);
	});
	})(counter);
	}
	@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;
	}
	// === Arrays

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


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];
	/*
	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;
	};
	// 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) => {
	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.
	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 }) {