Matthew Kosloski MatthewKosloski

## docker-help.md

      
              1 file
            
          
              1116 forks
            
          
              53 comments
            
          
              1560 stars
            
          
                bradtraversy
                / docker-help.md
            
            
              Last active
              May 15, 2024 05:31
            
              
                Docker Commands, Help & Tips
              
          
    Docker Commands, Help & Tips

Show commands & management commands

$ docker

Docker version info


## requestAnimationFrame.js
// How to ensure that our animation loop ends on component unount

componentDidMount() {
  this.startLoop();
}

componentWillUnmount() {
  this.stopLoop();
}

## .block
license: gpl-3.0

## clean_code.md

      
              1 file
            
          
              1253 forks
            
          
              149 comments
            
          
              6283 stars
            
          
                wojteklu
                / clean_code.md
            
            
              Last active
              May 17, 2024 08:20
            
              
                Summary of 'Clean code' by Robert C. Martin
              
          
    Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

General rules


Follow standard conventions.
Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
Boy scout rule. Leave the campground cleaner than you found it.
Always find root cause. Always look for the root cause of a problem.

Design rules


## socket-cheatsheet.js
// sending to sender-client only
socket.emit('message', "this is a test");

// sending to all clients, include sender
io.emit('message', "this is a test");

// sending to all clients except sender
socket.broadcast.emit('message', "this is a test");

// sending to all clients in 'game' room(channel) except sender

## on-jsx.markdown

      
              2 files
            
          
              130 forks
            
          
              36 comments
            
          
              1398 stars
            
          
                chantastic
                / on-jsx.markdown
            
            
              Last active
              March 20, 2024 01:03
            
              
                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

  
## nodelist-iteration.js
var elements = document.querySelectorAll("div"),
    callback = (el) => { console.log(el); };

// Spread operator
[...elements].forEach(callback);

// Array.from()
Array.from(elements).forEach(callback);

// for...of statement

## _functions.scss
/**
*
* Convert pixels to rems
* eg. for a relational value of 12px write rem(12)
* $base is usually the font-size on your body element.
* And it can be defined outside the function, in a variables.scss file for example.
*
**/

@function rem($pxval) {

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">

        <style>
        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

## gist:6104254
<?php
/**
 * Plugin Name: Twitter Demo
 * Plugin URI:  http://wp.tutsplus.com/tutorials/creative-coding/a-look-at-the-wordpress-http-api-a-practical-example-of-wp_remote_get/
 * Description: Retrieves the number of followers and latest Tweet from your Twitter account.
 * Version:     1.0.0
 * Author:      Tom McFarlin
 * Author URI:  http://tommcfarlin.com/
 * License:     GPL-2.0+
 * License URI: http://www.gnu.org/licenses/gpl-2.0.txt
	// How to ensure that our animation loop ends on component unount

	componentDidMount() {
	this.startLoop();
	}

	componentWillUnmount() {
	this.stopLoop();
	}
	// sending to sender-client only
	socket.emit('message', "this is a test");

	// sending to all clients, include sender
	io.emit('message', "this is a test");

	// sending to all clients except sender
	socket.broadcast.emit('message', "this is a test");

	// sending to all clients in 'game' room(channel) except sender
	var elements = document.querySelectorAll("div"),
	callback = (el) => { console.log(el); };

	// Spread operator
	[...elements].forEach(callback);

	// Array.from()
	Array.from(elements).forEach(callback);

	// for...of statement
	/**
	*
	* Convert pixels to rems
	* eg. for a relational value of 12px write rem(12)
	* $base is usually the font-size on your body element.
	* And it can be defined outside the function, in a variables.scss file for example.
	*
	**/

	@function rem($pxval) {
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">

	<style>
	body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	<?php
	/**
	* Plugin Name: Twitter Demo
	* Plugin URI: http://wp.tutsplus.com/tutorials/creative-coding/a-look-at-the-wordpress-http-api-a-practical-example-of-wp_remote_get/
	* Description: Retrieves the number of followers and latest Tweet from your Twitter account.
	* Version: 1.0.0
	* Author: Tom McFarlin
	* Author URI: http://tommcfarlin.com/
	* License: GPL-2.0+
	* License URI: http://www.gnu.org/licenses/gpl-2.0.txt