Christian Johansen cjohansen

## vdom.html
<!DOCTYPE html>
<html>
  <head>
    <title>Virtuell DOM fra bunnen av</title>
    <meta charset="utf-8">
  </head>
  <body>
    <script src="vdom.js"></script>
  </body>
</html>

## pliable-search.js
function groupBy(xs, f) {
  var res = {};

  (xs || []).forEach(x => {
    var k = f ? f(x) : x;
    if (!res[k]) {
      res[k] = [];
    }
    res[k].push(x);
  });

## gist:4135065

      
              1 file
            
          
              2 forks
            
          
              11 comments
            
          
              37 stars
            
          
                cjohansen
                / gist:4135065
            
            
              Created
              November 23, 2012 10:43
            
              
                Naming this in nested functions
              
          
    tl;dr

If you must nest functions in a way that requires access to multiple this', alias outer this to something meaningful - describe the value it's holding. Treat this as the invisible first argument.
In general though, avoiding the situation (nested functions and frivolous use of this) will frequently produce clearer results.
Naming this in nested functions

I was accidentally included in a discussion on how to best name this in nested functions in JavaScript. +1's were given to this suggestion of using _this.
Giving style advice on naming nested this without a meaningful context isn't too helpful in my opinion. Examples below have been altered to have at least some context, although a completely contrived and stupid one.

  
## reactorama.js
// Most components are defined fully by their render function,
// and all they need to access is the props

var myComponent = createComponent(function (props) {
  return React.DOM.h1({}, "Hello " + props.name);
});

// ...which can be done very succinctly with ES6:
const {h1, div} = React.DOM;
const myComponent = createComponent(({name}) => h1({}, `Hello ${name}`));

## float.html
<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      .container {
        width: 500px;
        height: 500px;
        border: 1px solid red;
        overflow: hidden;
      }

## protocols.cljs
(defprotocol ExtMetaProtocol
  :extend-via-metadata true
  (ext-meta-protocol [x]))

(ext-meta-protocol (with-meta {} {`ext-meta-protocol (fn [_] 1)})) ;;=> 1

(extend-type clojure.lang.PersistentArrayMap
  ExtMetaProtocol
  (ext-meta-protocol [m]
    2))

## gist:739589
/*
  Load Sinon.JS in the SpecRunner:

  <script type="text/javascript" src="lib/jasmine-1.0.1/jasmine.js"></script>
  <script type="text/javascript" src="lib/jasmine-1.0.1/jasmine-html.js"></script>
  <script type="text/javascript" src="sinon-1.0.0.js"></script>
  <script type="text/javascript" src="sinon-ie-1.0.0.js"></script>

  http://cjohansen.no/sinon/
*/

## buster-server.sh
#!/bin/bash
# Based on work by Tiago Rodrigues
# Here: http://trodrigues.net/presentations/buster-ci/#/24
# And here: https://gist.github.com/2630210

# Usage:
# env BUSTER_HOME=/where/you/installed/buster ./buster-server.sh start|stop

function buster_server_pid(){
    echo `ps aux|grep buster-server|grep node|awk '{ print $2 }'`

## utlysning.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                cjohansen
                / utlysning.md
            
            
              Last active
              December 5, 2016 12:07
            
          
    Beskrivelse av oppdraget

NRK utvikler nye løsninger for forvaltning av arkivinnhold for radio og TV.
Et av målene er å tilrettelegge innhold og metadata for enklere og raskere
publisering gjennom flere kanaler (lineær, nett, mobil) enn før.  I tillegg
skal løsningene levere infrastruktur for selvbetjening av publikum og
«content-on-demand» gjennom bla. programspilleren (tv.nrk.no / radio.nrk.no).
Det er besluttet at tjenestene i størst mulig grad skal utvikles eller tilpasses
i nært samarbeid med NRKs eksisterende utviklingsmiljø og at kunnskapsoverføring
og kompetanseheving er viktige mål. Pedagogiske evner, evne til å kommunisere og

  
## react.js
function appUI(actions) {
    return React.createClass({
        render: function () {
            return React.DOM.h1({onClick: actions.doit}, 'LOL');
        }
    });
}

var data = {}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Virtuell DOM fra bunnen av</title>
	<meta charset="utf-8">
	</head>
	<body>
	<script src="vdom.js"></script>
	</body>
	</html>
	function groupBy(xs, f) {
	var res = {};

	(xs \|\| []).forEach(x => {
	var k = f ? f(x) : x;
	if (!res[k]) {
	res[k] = [];
	}
	res[k].push(x);
	});
	// Most components are defined fully by their render function,
	// and all they need to access is the props

	var myComponent = createComponent(function (props) {
	return React.DOM.h1({}, "Hello " + props.name);
	});

	// ...which can be done very succinctly with ES6:
	const {h1, div} = React.DOM;
	const myComponent = createComponent(({name}) => h1({}, `Hello ${name}`));
	(defprotocol ExtMetaProtocol
	:extend-via-metadata true
	(ext-meta-protocol [x]))

	(ext-meta-protocol (with-meta {} {`ext-meta-protocol (fn [_] 1)})) ;;=> 1

	(extend-type clojure.lang.PersistentArrayMap
	ExtMetaProtocol
	(ext-meta-protocol [m]
	2))
	/*
	Load Sinon.JS in the SpecRunner:

	<script type="text/javascript" src="lib/jasmine-1.0.1/jasmine.js"></script>
	<script type="text/javascript" src="lib/jasmine-1.0.1/jasmine-html.js"></script>
	<script type="text/javascript" src="sinon-1.0.0.js"></script>
	<script type="text/javascript" src="sinon-ie-1.0.0.js"></script>

	http://cjohansen.no/sinon/
	*/
	#!/bin/bash
	# Based on work by Tiago Rodrigues
	# Here: http://trodrigues.net/presentations/buster-ci/#/24
	# And here: https://gist.github.com/2630210

	# Usage:
	# env BUSTER_HOME=/where/you/installed/buster ./buster-server.sh start\|stop

	function buster_server_pid(){
	echo `ps aux\|grep buster-server\|grep node\|awk '{ print $2 }'`
	function appUI(actions) {
	return React.createClass({
	render: function () {
	return React.DOM.h1({onClick: actions.doit}, 'LOL');
	}
	});
	}

	var data = {}