emilyruby

const algoliasearch = require('algoliasearch')
const express = require('express')
const bodyParser = require('body-parser')

const app = express()
const client = algoliasearch('H1LZZCXWZT', process.env.API_KEY)
const index = client.initIndex('movies')

app.get('/', (req, res) => res.send('GET'))

emilyruby

class RefExample extends React.Component {
  constructor (props) {
    super(props)
    this.handleClick = this.handleClick.bind(this)
  }
  
  handleClick () {
    this.textInput.focus()
  }
  

emilyruby

<button 
  aria-label={labelText} 
  onclick={onClickHandler}>
  Click me!
</button>

emilyruby

class List extends React.Component {
  render() {
    return (
      <ul>
        <ListItem />
      </ul>
    );
  }
}

emilyruby

<ul>
  <div>
    <li>Hello</li>
    <li>World</li>
  </div>
</ul>

emilyruby

class List extends React.Component {
  render() {
    return (
      <ul>
        <ListItem />
      </ul>
    );
  }
}

emilyruby

<ul>
  <li>Hello</li>
  <li>World</li>
</ul>

emilyruby

function App() {
  // Use "My Web App" if no child overrides this
  return (
    <DocumentTitle title='My Web App'>
      <SomeRouter />
    </DocumentTitle>
  );
}

function HomePage() {

emilyruby

<div id='container'>
  <div id='baby'>
    Hello
  </div>
</div>

emilyruby

let node = {
  tag: 'div'
  attributes: { id: 'container' }
  children: [
    // where the contained div would go
  ]
};