timdorr

import { Route } from 'react-router'

import App from 'components/App'
import Page1 from 'components/Page1'
import Page2 from 'components/Page2'
import Tab1 from 'components/Tab1'
import Tab2 from 'components/Tab2'

export default const routes = (
  <Route path="/" component={App}>

timdorr

import { Component } from 'reroute';

export default class App extends Component {
  render() {
    return (
      <div>{this.props.params.id}</div>
    )
  }
}

timdorr

export default const routes = (
  <App path="/">
    <Page1 path="page1">
      <Tab1 path="tab1" />
      <Tab2 path="tab2" />
    </Page1>
    <Page2 path="page2">
      <Tab1 path="tab1" />
      <Tab2 path="tab2" />
    </Page2>

timdorr

class Foo extends Component {
  constructor(props, context) {
    super(props, context)
    this.state = { 
      show: false 
    }
  }
  
  handleClick = () => {
    this.setState({ show: true })

timdorr

// paste in your console
speechSynthesis.onvoiceschanged = function() {
    var msg = new SpeechSynthesisUtterance();
    msg.voice = this.getVoices().filter(v => v.name == 'Cellos')[0];
    msg.text = document.body.textContent;
    this.speak(msg);
};

timdorr

app.use(function (req, res) {
  const history = createMemoryHistory() // <- No arg creates a history with the default first location: '/'
  // Do some stuff with history

  match({ history, routes, location: req.url }, (error, redirectLocation, renderProps) => {

timdorr

Don't copypasta this!

Note that this is very purpose-built. The job args in particular depend on a unique key being in the first position.

There is also plenty of brittle code all over the place.

Instead, use this as a guide for how you might build your own. A lot of the parts are the same between implementations.

timdorr

from(APState.InitialScreenOpen).to(APState.InitialScreenOpen).on(APEvent.StartedScreenOpen);
from(APState.InitialScreenOpen).to(APState.Connecting).on(APEvent.StartedConnectingToWebSocket);
from(APState.Disconnected).to(APState.Connecting).on(APEvent.StartedConnectingToWebSocket);
from(APState.Connecting).to(APState.WaitingForInitialVehicleStatus).on(APEvent.BecameConnectedToWebSocket);
from(APState.WaitingForInitialVehicleStatus).to(APState.Disconnecting).on(APEvent.IsDisconnectingFromWebSocket);
from(APState.WaitingForNextVehicleStatus).to(APState.Disconnecting).on(APEvent.IsDisconnectingFromWebSocket);
from(APState.AutoparkReadyCriteriaNotMet).to(APState.Disconnecting).on(APEvent.IsDisconnectingFromWebSocket);
from(APState.AutoparkForwardOnlyReady).to(APState.Disconnecting).on(APEvent.IsDisconnectingFromWebSocket);
from(APState.AutoparkReverseOnlyReady).to(APState.Disconnecting).on(APEvent.IsDisconnectingFromWebSocket);
from(APState.AutoparkBidirectionalReady).to(APState.Disconnecting).on(APEvent.IsDisconn

timdorr

class Thing extends Component {
  componentWillMount() {
    this.subscriptionRequest = registerSubscriber(this.handleUpdate)
  }
  
  componentDidMount() {
    startListening(this.subscriptionRequest)
  }
}

timdorr

index = args[:index] # If you're in a Rake task

# You'll have to write your own code for this part.
# It just creates an index for you, like so:
# es.indices.create(index: index, body: mappings_and_such)
ci = CreateIndex.new(index)
ci.create

es = Elasticsearch::Client.new
es_prod = Elasticsearch::Client.new(url: ENV['PROD_ELASTICSEARCH_URL'])