Skip to content

Instantly share code, notes, and snippets.

@odewahn
odewahn / better-syntax-for-connected components.md
Last active June 7, 2017 14:58
This is a better syntax for creating connected component

If you're using Redux and connect, this is a nice syntax for creating connected components:

export default connect((state) => state)(React.createClass({
  render: function() {
    ...
    this.props.Projects.get("ProjectName") // access the state tree provided by combineReducers
  }
})
@odewahn
odewahn / error-handling-with-fetch.md
Last active November 3, 2025 07:54
Processing errors with Fetch API

I really liked @tjvantoll article Handling Failed HTTP Responses With fetch(). The one thing I found annoying with it, though, is that response.statusText always returns the generic error message associated with the error code. Most APIs, however, will generally return some kind of useful, more human friendly message in the body.

Here's a modification that will capture this message. The key is that rather than throwing an error, you just throw the response and then process it in the catch block to extract the message in the body:

fetch("/api/foo")
  .then( response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
 })
@odewahn
odewahn / config-timing-in-single-page-app.md
Last active August 3, 2020 02:25
Loading global environment variables in a single page app (SPA) in react/redux

I was trying to pass config variables from a backend written in Go to a single page app (SPA) written in react. For example, I wanted to set an "Env" flag to dev or prod or control whether you have to log in or not. Here's an example of the /api/config route that supplies this data:

{
    "Auth0ClientDomain": "odewahn.auth0.com", 
    "Auth0ClientID": "gcSxq9GfpUdVWNIvYiOsP7rh1s8u6ftA", 
    "ClientBrowser": "HTTPie", 
    "ClientOS": "darwin", 
    "Env": "dev", 
 "FirstClientLoad": "true", 
@odewahn
odewahn / samalba-search-example.go
Last active June 12, 2016 22:53
Example of how to search your own public repos using samalba client
package main
import (
"fmt"
"log"
"github.com/samalba/dockerclient"
)
// Helpful:
package main
import (
"crypto/rand"
"fmt"
"log"
"github.com/fsouza/go-dockerclient"
)
package main
import (
"fmt"
"os/exec"
"strings"
)
func runCmd(cmdArgs []string) ([]string, error) {
cmdName := "docker-machine"
export TOKEN=$( head -c 30 /dev/urandom | xxd -p )
export POOL_SIZE=5
export OVERPROVISION_FACTOR=2
export CPU_SHARES=$(( (1024*${OVERPROVISION_FACTOR})/${POOL_SIZE} ))
export TMPNB_NODE=6df651e0-4701-411d-b11c-3cbfe73b86d7-n1
export DOCKER_HOST=tcp://104.130.0.38:2376
docker run -d \
-P \
-h spark.tmpnb-oreilly.com \
export TOKEN=$( head -c 30 /dev/urandom | xxd -p )
export POOL_SIZE=5
export OVERPROVISION_FACTOR=2
export CPU_SHARES=$(( (1024*${OVERPROVISION_FACTOR})/${POOL_SIZE} ))
export TMPNB_NODE=bb0f0ccc-2dcb-410b-94cf-808c99324ab6-n1
export DOCKER_HOST=tcp://104.130.0.25:2376
docker run -d \
-P \
-p 80 \