Skip to content

Instantly share code, notes, and snippets.

View sethdorris's full-sized avatar

Seth Dorris sethdorris

  • Fort Collins, CO
View GitHub Profile
const routes = (
<Provider store={store}>
<Router history={hashHistory}>
<Route path="/" component={Landing}>
<IndexRoute component={Landing} />
</Route>
<Route path="/main" component={Main} />
</Router>
</Provider>
);
@sethdorris
sethdorris / state.js
Last active May 3, 2016 21:49
Passing WebSocket Instance
export default const server = {
server: null,
getServer: return this.server,
create: () => {
const server = new WebSocket("ws://localhost:3000");
this.server = server
},
sendmessage: () => {
return server.onmessage = ()=> {}
}
@sethdorris
sethdorris / Landing.js
Last active May 3, 2016 22:30
exporting
import React from 'react';
import {Link} from 'react-router';
import {connect} from 'react-redux';
import ws from './WebSocket';
import {setUsername, socketConnectInit, socketOnOpen} from './actions/index';
const PropTypes = React.PropTypes;
class Landing extends React.Component {
constructor(props, context) {
let promise = new Promise((resolve, reject) => {
let connected = ws.connect();
resolve(connected);
});
promise.then((data) = > {
console.log("Connected:", data)
});
let ws = new WebSocket("ws://localhost:3000");
const server = {
connected: false,
connect: function() {
console.log("Connected", this.connected);
ws.onopen = () => {
console.log("CONNECTED!");
}
ws.onerror = (e) => {
connectButton() {
const {dispatch} = this.props;
let login = document.getElementById("usernameinput").value
//let promise = new Promise((resolve, reject) => {
// let connected = ws.connect();
// resolve(connected);
//});
//promise.then((data) => {
// console.log("Connected:", data);
// dispatch(socketOnOpen());
import React, {PropTypes} from 'react';
import {Link} from 'react-router';
import {connect} from 'react-redux';
import ws from './WebSocket';
import {setUsername, socketConnectInit, socketOnOpen} from './actions/index';
class Landing extends React.Component {
constructor(props, context) {
super(props, context);
@sethdorris
sethdorris / Async2.js
Created May 4, 2016 19:59
Another Async Example
async connectButton() {
let connected = await this.wsConnect()
connected ? console.log("CONNECTED", connected) : console.log("NOT CONNECTED", connected);
}
async wsConnect() {
return await ws.connect();
}
@sethdorris
sethdorris / Landing.js
Created May 5, 2016 15:15
Example React WebSocket
import React, {PropTypes} from 'react';
import {Link} from 'react-router';
import {connect} from 'react-redux';
import ws from './WebSocket';
import {setUsername, socketConnectInit, socketOnOpen} from './actions/index';
class Landing extends React.Component {
constructor(props, context) {
super(props, context);
@sethdorris
sethdorris / server.js
Created May 5, 2016 19:46
eeeeew don't judge me
import express from "express";
import url from 'url';
import path from 'path';
const WebSocketServer = require('ws').Server;
const http = require('http').Server(app);
const wss = new WebSocketServer({
server: http
});
const app = express();
app.use(express.static(path.resolve('../')));