Chris Buttery chrisbuttery

## index.html
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    $(document).ready(function() {
      var socket = io.connect('http://localhost');
      $('#button').click(function(e){
        socket.emit('click');
        e.preventDefault();

## MongoDB_macOS_Sierra.md

      
              1 file
            
          
              53 forks
            
          
              40 comments
            
          
              185 stars
            
          
                nrollr
                / MongoDB_macOS_Sierra.md
            
            
              Last active
              April 1, 2024 16:23
            
              
                Install MongoDB on Sierra using Homebrew
              
          
    Install MongoDB on macOS Sierra

This procedure explains how to install MongoDB using Homebrew on macOS Sierra 10.12.

Official MongoDB install documentation: here
Install Homebrew


Installing Homebrew is effortless, open Terminal and enter :

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"


## service-workers.md

      
              1 file
            
          
              52 forks
            
          
              85 comments
            
          
              986 stars
            
          
                Rich-Harris
                / service-workers.md
            
            
              Last active
              April 21, 2024 16:24
            
              
                Stuff I wish I'd known sooner about service workers
              
          
    Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.
I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.
Use Canary for development instead of Chrome stable

Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.

  
## reduxSelectorPattern.md

      
              1 file
            
          
              13 forks
            
          
              3 comments
            
          
              111 stars
            
          
                abhiaiyer91
                / reduxSelectorPattern.md
            
            
              Last active
              April 29, 2022 06:00
            
              
                Redux Selector Pattern
              
          
    Redux Selector Pattern

Imagine we have a reducer to control a list of items:
function listOfItems(state: Array<Object> = [], action: Object = {}): Array<Object> {
  switch(action.type) {
    case 'SHOW_ALL_ITEMS':
      return action.data.items
    default:

  
## ES2015 JavaScript Primer.md

      
              1 file
            
          
              5 forks
            
          
              1 comment
            
          
              21 stars
            
          
                ryanflorence
                / ES2015 JavaScript Primer.md
            
            
              Last active
              February 10, 2020 18:25
            
          
    We're excited to have you attend one of our workshops! Here's a JavaScript (re)fresher to help you get up-to-speed on some features of the language we'll be using.
Let and Const

JavaScript has always had var:
var name = 'Ryan'

  
## joy-of-composition.md

      
              1 file
            
          
              0 forks
            
          
              17 comments
            
          
              95 stars
            
          
                ohanhi
                / joy-of-composition.md
            
            
              Last active
              May 6, 2024 05:21
            
              
                The Joy of Composition - Why stateless rendering is pure bliss
              
          
    This is a proposal for a lightning talk at the Reactive 2015 conference.
NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!
The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components,
meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

  
## gist:5bf5686bae86b8129bee

      
              1 file
            
          
              147 forks
            
          
              40 comments
            
          
              559 stars
            
          
                chrissimpkins
                / gist:5bf5686bae86b8129bee
            
            
              Last active
              March 6, 2023 00:10
            
              
                Atom Editor Cheat Sheet: macOS
              
          
    Use these rapid keyboard shortcuts to control the GitHub Atom text editor on macOS.

Key to the Keys


⌘ : Command key
⌃ : Control key
⌫ : Delete key
← : Left arrow key
→ : Right arrow key
↑ : Up arrow key


## component.js
import { render, element } from 'deku';

let Button = {

  propTypes: {
    liked: { type: 'boolean' }
  },

  initialState (props) {
    return {

## introrx.md

      
              7 files
            
          
              2516 forks
            
          
              468 comments
            
          
              21904 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              May 6, 2024 01:44
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## gist:d645803cfcb114de1ef3
console.highlight = function(text, sample) {
  var escapedSample = sample.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
  var reSample = new RegExp(escapedSample, 'g');
  var args = [''];
  var highlightedText = text.replace(reSample, function(match) {
    args.push('background-color: #ffc', 'background-color: none');
    return '%c' + match + '%c';
  });
  args[0] = highlightedText;
  console.log.apply(console, args);
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<script>
	$(document).ready(function() {
	var socket = io.connect('http://localhost');
	$('#button').click(function(e){
	socket.emit('click');
	e.preventDefault();
	import { render, element } from 'deku';

	let Button = {

	propTypes: {
	liked: { type: 'boolean' }
	},

	initialState (props) {
	return {
	console.highlight = function(text, sample) {
	var escapedSample = sample.replace(/[-\/\\^$*+?.()\|[\]{}]/g, '\\$&');
	var reSample = new RegExp(escapedSample, 'g');
	var args = [''];
	var highlightedText = text.replace(reSample, function(match) {
	args.push('background-color: #ffc', 'background-color: none');
	return '%c' + match + '%c';
	});
	args[0] = highlightedText;
	console.log.apply(console, args);