KidkArolis

# /etc/nginx/sites-enabled/myapp.conf

# handle HTTPS and route the domain to specific apps
# proxy to the node app via port/socket

server {
  listen 443;

  server_name myapp.com;

KidkArolis

ssh somehost -D 6070

then point your browser to use socks5://locahost:6070 as a proxy

KidkArolis

/**
 * Example webpack.config.js for an AMD project (or AMD + CJS mixed project).
 * This file should be at the root of your project.
 *
 * This can then be used in combination with Karma as well
 * Just load this file and pass it to karma.webpack key
 * (see https://github.com/webpack/karma-webpack#alternative-usage)
 *
 * This example is a bit extreme. Typically in webpack, you don't need much
 * configuration if you have nicely behaving code and work with correctly

KidkArolis

### Keybase proof

I hereby claim:

  * I am kidkarolis on github.
  * I am kidkarolis (https://keybase.io/kidkarolis) on keybase.
  * I have a public key whose fingerprint is 2A78 00B6 4A70 5589 508A  F52A 79DA 3FA4 82A4 C989

To claim this, I am signing this object:

KidkArolis

// How would you name options.api?
// What do you think of this pattern?

// The idea here is that the framework allows creating these UI components
// without enforcing much about how the component renders itself.
// By passing in the API object we don't enforce how the component is written
// and we enable the API object to provide some methods that affect specifically
// the given instance of the component without affecting other components.

// I know the context is a bit lacking here, but was wondering what your thoughts

KidkArolis

var Router = require("cherrytree");
var Route = require("cherrytree/route");

// some things we'll use to render the views
var $ = require("jquery");
var insert = require("insert-stylesheet");
var insertCss = require("insert-css");
var lorem = require("lorem-ipsum");

// style this a little bit

KidkArolis

/**
 * Usage:
 * 
 * request("foo", timeout(function () {
 *   // get here after request completes, or 5 seconds,
 *   // whichever is first
 * }, 5000));
 */
function timeout(done, duration) {
  var alreadyCalled = false;

KidkArolis

// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right

var sinon = require("sinon")
console.log(sinon)
window.sinon = sinon
/*
sinon.stub(window.history, "pushState", function () {
  console.log("PUSHING")
})

KidkArolis

/**
 * A generic render helper for cherrytree + react + express.
 *
 * To run this example locally:
 * 
 *   $ git clone https://github.com/QubitProducts/cherrytree.git
 *   $ cd cherrytree/examples/server-side-react
 *   $ npm install
 *   $ npm start
 *   $ open http://localhost:8000

KidkArolis

/**
 * To run this example locally:
 * 
 *   $ git clone https://github.com/QubitProducts/cherrytree.git
 *   $ cd cherrytree/examples/hello-world-react
 *   $ npm install
 *   $ npm start
 *   $ open http://localhost:8000
 * 
 */