Skip to content

Instantly share code, notes, and snippets.

atom-pair@2.0.5
atom-ternjs@0.7.1
autocomplete-modules@1.0.0
chester-atom-syntax@0.1.1
circle-ci@0.10.0
docblockr@0.7.3
editorconfig@1.0.1
emmet@2.3.12
file-icons@1.6.3
language-docker@1.1.3
@nkt
nkt / Input.js
Last active August 29, 2015 14:27
const Input = React.createClass({
render() {
if (this.props.type === 'select') {
return (
<select {...this.props}>{this.props.children}</select>;
);
}
}
})
.ribbon {
font-size: 16px !important;
width: 50%;
position: relative;
background: @brand-primary;
color: #fff;
text-align: center;
padding: 1em 2em;
margin: 0 auto;
function todoReducer(state, action) {
switch (action.type) {
case 'ADD_TODO':
return [action.payload, ...state];
default:
return state;
}
}
const actions = [
@nkt
nkt / Form.js
Created October 16, 2015 13:32
const React = require('react');
const Form = React.createClass({
propTypes: {
onSubmit: React.PropTypes.func.isRequired,
defaultValue: React.PropTypes.object.isRequired,
children: React.PropTypes.node.isRequired
},
getInitialState() {
return Object.assign({}, this.props.defaultValue);
const React = require('react');
const EventListener = require('react/lib/EventListener');
const {shouldComponentUpdate} = require('react/lib/ReactComponentWithPureRenderMixin');
const InfinityScroll = React.createClass({
propTypes: {
children: React.PropTypes.node.isRequired,
enabled: React.PropTypes.bool.isRequired,
threshold: React.PropTypes.number.isRequired,
onScrollDown: React.PropTypes.func.isRequired
@nkt
nkt / Results.md
Last active September 27, 2023 08:24
ReactPHP vs Node.js

wrk -t4 -c400 -d10s http://127.0.0.1:1337/

PHP

Running 10s test @ http://127.0.0.1:1337/
  4 threads and 400 connections
  Thread Stats   Avg      Stdev     Max   +/- Stdev
 Latency 7.02ms 6.94ms 82.86ms 85.27%
var http = require('http');
var redis = require('redis');
var client = redis.createClient();
var server = http.createServer(function (req, res) {
client.get('foo', function(err, foo) {
res.writeHead(200, {
'Content-Type': 'application/json'
});
res.end(JSON.stringify({
{
"always-semicolon": true,
"color-case": "lower",
"block-indent": " ",
"color-shorthand": false,
"element-case": "lower",
"eof-newline": true,
"leading-zero": true,
"quotes": "double",
"space-before-colon": "",
import React from 'react';
import classNames from 'classnames';
const Button = React.createClass({
propTypes: {
className: React.PropTypes.string,
text: React.PropTypes.string.isRequired,
color: React.PropTypes.oneOf(['default', 'primary', 'success', 'danger', 'warning', 'info']),
size: React.PropTypes.oneOf(['small', 'large', 'esmall']),
block: React.PropTypes.bool,