Skip to content

Instantly share code, notes, and snippets.

@asfktz
asfktz / gist:2166e1b58c552f4db6cd
Last active August 29, 2015 14:15
stockoverflow multiple gulp watch question code
var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');
var templateCache = require('gulp-angular-templatecache');
/*globals PIXI */
'use strict'
var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight, {
antialias: true,
view : document.getElementById('canvas'),
transparent: true
});
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/canary/ember.prod.js"></script>
</head>
@asfktz
asfktz / 2.js
Last active August 9, 2016 12:37
class Button extends React.Component {
handleClick () {
console.log(this)
}
render () {
return (
<div onClick={(e) => this.handleClick(e)}>
Click
</div>
class Button extends React.Component {
handleClick () {
console.log(this)
}
render () {
return (
<div onClick={::this.handleClick}>
Click
</div>
class Button extends React.Component {
constructor (props) {
super(props)
this.handleClick = this.handleClick.bind(this)
}
handleClick () {
console.log(this)
}
class Button extends React.Component {
handleClick = (e) => {
console.log(this)
}
render () {
return (
<div onClick={this.handleClick}>
Click
</div>
@asfktz
asfktz / UserForm.jsx
Last active February 10, 2017 23:11
react-redux-form nested reducer issue
import React from 'react';
import { Control, Form } from 'react-redux-form';
class UserForm extends React.Component {
render() {
return (
<Form model="forms.user"
onSubmit={(user) =>
console.log('-->', user)
}>
let pouchMiddleware
let invalidate = true;
const MyWrapperMiddleware = store => next => action => {
const state = store.getState()
if (!state.isLoggedIn)
return next(action)
if (someConditionForChange) {
const MyWrapperMiddleware = store => next => action => {
const state = store.getState()
if (!state.isLoggedIn)
return next(action)
const pouchMiddleware = PouchMiddleware({
path: state.currentPath,
db,