rbrtsmith

const CommentForm = () => {
  let author, text;
  const submitForm = e => {
    e.preventDefault();
    console.log(author.value);
    console.log(text.value);
  };
  return (
    <form onSubmit={submitForm}>
      <input type="text" ref={node => author = node} placeholder="Name" />

ryanflorence

import serializeForm from 'form-serialize'

const Something = React.createClass({
  getInitialState() {
    return {
      form: {}
    }
  },

  syncFormToState(event) {

rgrove

Can't share the complete code because the app's closed source and still in stealth mode, but here's how I'm using React Router and Redux in a large app with server rendering and code splitting on routes.

Server

1. Wildcard Express route configures a Redux store for each request and makes an addReducers() callback available to the getComponents() method of each React Router route. Each route is responsible for adding any Redux reducers it needs when it's loaded. (This isn't really necessary on the

timdorr

[alias]
	st = status -sb
	lg = log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --
	up = !git fetch origin && git rebase origin/master
	mup = !git fetch origin && git merge origin/master
	done = "!git checkout master && git pull && git fetch -p && git branch --merged | grep -Pv '\\*|master' | xargs -n 1 git branch -d"

tlrobinson

// give it a name so it reuses the same window
var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no");

// reload in case it's reusing the same window with the old content
win.location.reload();

// wait a little bit for it to reload, then render
setTimeout(function() {
    React.render(
        <DebugPanel top right bottom left >

HenrikJoreteg

Why would you want to do this? Because you often don't need more. It's nice to not have to think about your "router" as this big special thing.

Instead, with this approch, your app's current pathname is just another piece of state, just like anything else.

This also means that when doing server-side rendering of a redux app, you can just do:

var app = require('your/redux/app')
var React = require('react')

anyong

export const LOGIN_REQUEST = 'LOGIN_REQUEST';
export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
export const LOGIN_FAILURE = 'LOGIN_FAILURE';
export const LOGOUT        = 'LOGOUT';

vslinko

Experimental Relay Implementation

Features:

• Relay.fetch(graphqlQuery) returns subscribtion that could change over time by mutation queries.
• Relay.update(m: UpdateMutation) optimistically updates resource in all previous queries that contains updated resource.
• Relay.update(m: DeleteMutation) optimistically deletes resource from all previous queries that contains deleted resource.
• Relay.update(m: CreateMutation) pessimistically creates resource and executes again all previous queries.
• All objects with id key in graphql response explained as resources. Arrays, objects without id and scalars explained as static properties.

raganwald

let Person = (() = > {
  let firstNameProperty = Symbol('firstName'),
      lastNameProperty  = Symbol('lastName'),
      renameMethod      = Symbol('rename');

  return class Person {
    constructor (first, last) {
      this[renameMethod](first, last);
    }
    fullName () {

kevinelliott

Mac OS X 10.10 Yosemite

Custom recipe to get OS X 10.10 Yosemite running from scratch, setup applications and developer environment. I use this gist to keep track of the important software and steps required to have a functioning system after a semi-annual fresh install. On average, I reinstall each computer from scratch every 6 months, and I do not perform upgrades between distros.

This keeps the system performing at top speeds, clean of trojans, spyware, and ensures that I maintain good organizational practices for my content and backups. I highly recommend this.

You are encouraged to fork this and modify it to your heart's content to match your own needs.

Install Software