chantastic

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

gist:75a641cb97f570d06c98

    mixins: [Reflux.listenTo(BuildingAppStore,"onBuildingChange")],
    getInitialState: function(){
        BuildingActions.loadData();
        return {
            objects: BuildingAppStore.getObjects(),
            errors: BuildingAppStore.getError()
        };
    },
    onBuildingChange:function(item){
        var error = BuildingAppStore.getError();

gist:5d1c788db2c4e780d880

    onLoadData: function(){
        this.errors = "";
        SuperAgent
            .get("http://127.0.0.1:8000/buildings/")
            .set("Authorization", "")
            .set("Accept", "application/json")
            .end(function(err, res){
                if(err)
                {
                    this.errors = err;

sebmarkbage

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

Nagyman

# Change the bindings prefix from Control+b to Control+a
set -g prefix C-a

# Press the binding twice to toggle between windows
bind-key C-a last-window

# Helpful for nested tmux sessions
bind-key a send-prefix

# Press C-a Escape to enter copy mode

hlissner

# ag <https://github.com/ggreer/the_silver_searcher>
# usage: ag-replace.sh [search] [replace]
# caveats: will choke if either arguments contain a forward slash
# notes: will back up changed files to *.bak files

ag -0 -l $1 | xargs -0 perl -pi.bak -e "s/$1/$2/g"

# or if you prefer sed's regex syntax:

ag -0 -l $1 | xargs -0 sed -ri.bak -e "s/$1/$2/g"

marioschubert

$editor_accent: #00abe6;

// styles for heading_extended
/* ------------------------------------------------------- */
.heading_level_selected {
  color: white;
  background: $editor_accent;
}
.heading_level_not_selected {
  color: $editor_accent;

jberkus

WITH table_scans as (
    SELECT relid,
        tables.idx_scan + tables.seq_scan as all_scans,
        ( tables.n_tup_ins + tables.n_tup_upd + tables.n_tup_del ) as writes,
                pg_relation_size(relid) as table_size
        FROM pg_stat_user_tables as tables
),
all_writes as (
    SELECT sum(writes) as total_writes
    FROM table_scans

johnschrom

library(ggplot2)
library(maps)
library(mapproj)

###############################################################################
# Step 1: Get data from Foursquare
# If you already have it, then great :) Otherwise, you can use RPI. The source
# is listed below, and there are instructions for getting keys in the readme.
# RPI: https://github.com/johnschrom/RPI

MoOx

///
var pkg = require("./package.json")
  , rimraf = require("rimraf")
  , gulp = require("gulp")
  , gutil = require("gulp-util")
  , filter = require("gulp-filter")
  , plumber = require("gulp-plumber")
  , concat = require("gulp-concat")

gulp.task("clean", function() {