Skip to content

Instantly share code, notes, and snippets.

var copyProperties = require('react/lib/copyProperties'),
Dispatcher = require('flux').Dispatcher,
util = require('util');
function AppDispatcher() {
Dispatcher.call(this);
this._queue = [];
}
util.inherits(AppDispatcher, Dispatcher);
@bultas
bultas / router.html
Last active October 29, 2023 23:19 — forked from joakimbeng/router.html
A Javascript router in 20 lines
<!-- http://joakimbeng.eu01.aws.af.cm/a-javascript-router-in-20-lines/ -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Building a router</title>
<script>
// Put John's template engine code here...
@bultas
bultas / gist:18eaec446983b468ec33
Last active August 29, 2015 14:15
React Array Map
var arrayData = [...];
var arrayOfItems = arrayData.map(function(item, i) {
return (
<item key={i}>{item}</item>
);
});
@bultas
bultas / gist:6224ff31bfbcda43df05
Created February 10, 2015 22:41
ContentEditable React Component
var React = require('react');
var Medium = require("medium.js");
function setupEditable(self) {
var editable = self.props.editable;
var extraOptions = self.props.extraOptions;
@bultas
bultas / gist:8394d160439348a0e6ac
Created February 5, 2015 10:04
ContentEditable placeholder
// http://stackoverflow.com/a/18368720
// http://codepen.io/mrmoje/pen/lkLez
// HTML
<div contentEditable=true data-placeholder="My Placeholder String"></div>
// CSS
var http = require("http"),
url = require("url"),
path = require("path"),
fs = require("fs")
port = process.argv[2] || 8888;
http.createServer(function(request, response) {
var uri = url.parse(request.url).pathname
, filename = path.join(process.cwd(), uri);
@bultas
bultas / foundInObj.js
Last active August 29, 2015 14:11
Set value to Object property (string path)
/**
* Return true/false if key is found in Object (one level)
* @param {object} object where to try find key
* @param {string} key - string to find in object
* @return {boolean} true/false if key is found
*/
var foundInObject = function (object, key) {
var keyFound = null;
@bultas
bultas / gist:5ce80f26454f8f7d3df9
Created December 21, 2014 11:37
Merge Objects (Recursively)
/**
* Merge objects (recursively merge deep objects)
* @param {object} objects as arguments to merge merge(object, object2,..)
*/
var merge = function() {
var res = {};
for (var i = 0; i < arguments.length; ++i) {
if (arguments[i]) {
@bultas
bultas / gist:d506a076673ca53f52aa
Last active August 29, 2015 14:11
handy Merge Object function (great for React styles)
// https://speakerdeck.com/vjeux/react-css-in-js
function m() {
var res = {};
for (var i = 0; i < arguments.length; ++i) {
if (arguments[i]) {
Object.assign(res, arguments[i]);
}
}
return res;
@bultas
bultas / Simple.js
Last active August 29, 2015 14:06
Simple React Input
var React = require('react');
var Input = React.createClass({
getInitialState: function() {
return {
value: this.props.value || ''
};
},