Darren Torpey darrentorpey

## anonymous
require 'rubygems'
require 'eventmachine'
require 'em-websocket'
require 'json'

class Connection
  attr_accessor :socket, :user_id

  def initialize(socket, user_id)
    @socket = socket

## gist:993415
# Swappable Mixins in CoffeeScript
# ================================

# Many thanks to Hashmal, who wrote this to start.
# https://gist.github.com/803816/aceed8fc57188c3a19ce2eccdb25acb64f2be94e

# Usage
# -----

# class Derp extends Mixin

## gist:1019000
    /**
    * Checks if the specified object is colliding with tiles in the map in an area defined by the object's colw and colh variables as well as the tolerance and approximation variables that are passed in through data. Only tiles in the map marked as solid are checked against. The alogrithm checks the
    * @param {Object} th The object that is being checked against the tilemap.
    * @param {Object} map This is the asci map that the tile map is generated from.
    * @param {Object} tilemap This is the array of tile objects that it itterated over checking for collisions.
    * @param {Object} defaulttile The default tile to be returned if nothing can be found. Null can be used here.
    * @param {Object} data Passes is extra dat to the function. Can be set as null.
    * <ul>
    * <li>tolerance{Integer}: This is subtracted from the collision space to get the maximum collision area for the object. This defaults to 6.</li>
    * <li>approximation{Integer}: This is the amount that the checked values are i

## bocoup-training-more-efficient-event-handlers.js
// Straightforward + simple.
$("button").on("click", function(event) {
  event.preventDefault();
  var button = $(this);
  var numberElem = button.find(".number");
  var number = Number(numberElem.text()) - 1;
  numberElem.text(number);
  if (number === 0) {
    button.prop("disabled", true);
    button.off("click");

## underscore_primer.md

      
              1 file
            
          
              0 forks
            
          
              6 comments
            
          
              4 stars
            
          
                darrentorpey
                / underscore_primer.md
            
            
              Last active
              September 11, 2017 16:19
            
              
                An underscore.js primer
              
          
    An Underscore.js Primer

Written by Darren Torpey and presented to Rue La La in May 2013.
This guide was written based upon Underscore.js version 1.4.4.
What is Underscore.js? How does it help us?

From the official website:

  
## json-with-comments-in.yaml
{
  # this is a comment
  "a": "hello",
  # this is another comment
  "b": -1,
  "c": [
    true,
    "test",
    null
  ],

## Object2QS.js
var objectToQueryString = function(obj) {
	var qs = _.reduce(obj, function(result, value, key) {
			return (!_.isNull(value) && !_.isUndefined(value)) ? (result += key + '=' + value + '&') : result;
	}, '').slice(0, -1);
	return qs;
};

## on-jsx.markdown

      
              2 files
            
          
              130 forks
            
          
              36 comments
            
          
              1399 stars
            
          
                chantastic
                / on-jsx.markdown
            
            
              Last active
              May 30, 2024 13:11
            
              
                JSX, a year in
              
          
    Hi Nicholas,
I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:
The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

  
## simple-react-playground.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>React Quick Prototyping</title>
</head>
<body>
  <div id="root"></div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.min.js"></script>

## README.md

      
              2 files
            
          
              16 forks
            
          
              10 comments
            
          
              69 stars
            
          
                JamesMessinger
                / README.md
            
            
              Last active
              March 9, 2024 17:58
            
              
                VSCode GitHub Markdown Theme
              
          
    GitHub Markdown Theme for Visual Studio Code

This CSS stylesheet allows you to preview markdown files in VSCode using GitHub's mardown theme.  This CSS was taken directly from the official GitHub Markdown repo. I replaced their top-level .markdown-body class with the body tag so it would work in VSCode, and added styling for the html tag to match GitHub's fixed-width container.
Instructions


Copy the CSS file to your computer

Copy the github-markdown.css file below to your computer. You can put it anywhere you want, but I chose to put it in the same folder as my VSCode settings file.


Edit your VSCode settings

If you want to use this theme for all of your projects, then edit your User Settings file. If you just want to use this them
	require 'rubygems'
	require 'eventmachine'
	require 'em-websocket'
	require 'json'

	class Connection
	attr_accessor :socket, :user_id

	def initialize(socket, user_id)
	@socket = socket
	# Swappable Mixins in CoffeeScript
	# ================================

	# Many thanks to Hashmal, who wrote this to start.
	# https://gist.github.com/803816/aceed8fc57188c3a19ce2eccdb25acb64f2be94e

	# Usage
	# -----

	# class Derp extends Mixin
	/**
	* Checks if the specified object is colliding with tiles in the map in an area defined by the object's colw and colh variables as well as the tolerance and approximation variables that are passed in through data. Only tiles in the map marked as solid are checked against. The alogrithm checks the
	* @param {Object} th The object that is being checked against the tilemap.
	* @param {Object} map This is the asci map that the tile map is generated from.
	* @param {Object} tilemap This is the array of tile objects that it itterated over checking for collisions.
	* @param {Object} defaulttile The default tile to be returned if nothing can be found. Null can be used here.
	* @param {Object} data Passes is extra dat to the function. Can be set as null.
	* <ul>
	* <li>tolerance{Integer}: This is subtracted from the collision space to get the maximum collision area for the object. This defaults to 6.</li>
	* <li>approximation{Integer}: This is the amount that the checked values are i
	// Straightforward + simple.
	$("button").on("click", function(event) {
	event.preventDefault();
	var button = $(this);
	var numberElem = button.find(".number");
	var number = Number(numberElem.text()) - 1;
	numberElem.text(number);
	if (number === 0) {
	button.prop("disabled", true);
	button.off("click");
	{
	# this is a comment
	"a": "hello",
	# this is another comment
	"b": -1,
	"c": [
	true,
	"test",
	null
	],
	var objectToQueryString = function(obj) {
	var qs = _.reduce(obj, function(result, value, key) {
	return (!_.isNull(value) && !_.isUndefined(value)) ? (result += key + '=' + value + '&') : result;
	}, '').slice(0, -1);
	return qs;
	};
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>React Quick Prototyping</title>
	</head>
	<body>
	<div id="root"></div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.min.js"></script>