Skip to content

Instantly share code, notes, and snippets.

@jquense
jquense / FormExample.js
Last active October 5, 2016 17:04 — forked from insin/FormExample.js
React Form Example / Live version: http://react-form-example.surge.sh/
import React from 'react'
import Form from 'react-formal'
import {
Alert,
Button,
Col, ControlLabel,
Form as BsForm, FormControl, FormGroup as BsFormGroup,
HelpBlock,
} from 'react-bootstrap'
class Form extends React.Component {
constructor() {
super()
this.state = {
name: null
}
}
import React from 'react';
import cn from 'classnames';
import RootCloseWrapper from 'react-overlays/lib/RootCloseWrapper';
let MenuPanel = React.createClass({
getDefaultProps(){
return {
bsRole: 'menu',
rootClose: true
@jquense
jquense / connect.js
Last active March 3, 2016 16:14
code splitting with redux
export function connect(...stores) {
let filter = s => s;
if (!stores[stores.length - 1].__reduxName)
filter = stores.pop();
let connector = reduxConnect(
filter.length > 1
? (state, props) => filter(storesState(state, stores), props)
: (state) => filter(storesState(state, stores))
@jquense
jquense / webpack helpers.js
Created January 5, 2016 17:10
in mempory webpack testing
export function run(config, assert) {
return new Promise((resolve, reject) => {
let compiler = webpack(config)
let fs = compiler.outputFileSystem = new MemoryFileSystem();
compiler.run(function (err, stats) {
if (err) return reject(err)
let errors = stats.compilation.errors || [];
if (assert) expect(errors.length).to.equal(0, errors.join('\n'))
@jquense
jquense / gist:8442540
Created January 15, 2014 19:19
the horror of trying to validate models rather than inputs
function validate(models, form) {
var validator = form.kendoValidator().getKendoValidator();
_.extend(validator.options.rules, getValidationShims(validator, models, form, validationError))
return validator.validate()
}
function validationError(text, models){
return text + '\n' + _.pluck(models, 'ServiceType').join('\n')
class Tab {
static childContextTypes = {
registerHook: PropTypes.func
}
constructor() {
super()
this._hooks = []
}
@jquense
jquense / jsx-mode.js
Last active October 17, 2015 05:40
An attempt at a jsx CodeMirror mode
/*global CodeMirror */
function indexOf(string, pattern, from) {
if (typeof pattern === "string") {
var found = string.indexOf(pattern, from);
return found;
}
var m = pattern.exec(from ? string.slice(from) : string);
return m ? (m.index + from) : -1;
}
@jquense
jquense / react-widgets-virtual-list.js
Created September 25, 2015 11:19
Custom List Component
import React from 'react';
import ListMovementMixin from 'react-widgets/lib/mixins/ListMovementMixin';
import List from 'react-widgets/lib/List';
import ListOption from 'react-widgets/lib/ListOption';
import { dataText } from 'react-widgets/lib/util/dataHelpers';
import cn from 'classnames';
import BaseVirtualList from 'react-list';
let VirtualList = React.createClass({
@jquense
jquense / App.js
Created August 24, 2015 20:00
double react-dom
import React from 'react';
import { render, findDOMNode } from 'react-dom'
render(<div/>, document.getElementById('root'))