ModeSix fucked around with this message at 06:08 on Feb 25, 2016

 .controller('IndexController', ['$scope', 'menuFactory', 'corporateFactory', function($scope, menuFactory, corporateFactory) {
            
            $scope.featuredItem = menuFactory.getDish(0);
           
        }])

{{featuredItem.name}}

ModeSix fucked around with this message at 14:05 on Feb 25, 2016

ModeSix fucked around with this message at 14:29 on Feb 25, 2016

var Element = React.createClass({
  render() {
    return (
      <div style={{width: "98px", height: "98px", border: "1px solid black"}}>Element number {this.props.label}</div>
    );
  }
});


// An infinite scroll component
// The inner elements to display are derived solely from the current scroll position
var App = React.createClass({
  getInitialState() {
    return {scrollPos: 0}
  },
  render() {
    console.log("render");
    var data = [];
    // displayed elements are derived from scroll position and offset by 'i'
    for(var i = 9; i >= 0; i--){
      data.push(Math.round(((this.state.scrollPos - 50) / 100) + i));
    }
    
    return (
      <div style={{textAlign: "center"}}>
      Scroll me!
        <div style={{width: "100px", height: "800px", position: "relative", background: "#aaaaaa", overflow: "hidden", margin: "20px auto"}} onWheel={this.handleWheel}>
          <div style={{transform: "translateY("+(this.state.scrollPos % 100 - 100)+"px)"}}>
            {data.map(function(ea){
              return <Element key={ea} label={ea} />
            })}
          </div>
        </div>
      </div>
    );
  },
  handleWheel(e) {
    e.preventDefault();
    // update scroll position and keep it from going below zero
    this.setState({scrollPos: Math.max(this.state.scrollPos + e.deltaY, 0)});
  }
});


ReactDOM.render(<App />, document.getElementById("app-container"));

Anony Mouse fucked around with this message at 00:47 on Mar 1, 2016

Lumpy fucked around with this message at 21:01 on Mar 6, 2016

Thermopyle fucked around with this message at 18:25 on Mar 6, 2016

//client.js
import routes from './routes';
const target = document.getElementById('root');
ReactDOM.render(
    <Provider store={ store }>
            <Router history={hashHistory} routes={routes} />
    </Provider>,
    target
);


//routes.js
import { App } from '../containers/App';
import LoginForm from '../components/LoginForm';

export default(
    <Route path='/' component={App}>
        <IndexRoute component={LoginForm}/>
    </Route>
);

//App.js
const App = React.createClass({
    render: function () {
        return (
            <div className="mainContentArea">
                <h1>Why isn't this rendered?</h1>
                <p>lolz</p>
                {this.props.children}
            </div> 
        );
    }
});
export default App;


//LoginForm.js
import React from 'react';
export default () => (
        <p>WTF</p>
);

// inside routes.js .....

// original
import { App } from '../containers/App'; /// <-- Lumpy is dumb!

// changed to
import App from '../containers/App'; /// <-- All better

Lumpy fucked around with this message at 17:16 on Mar 11, 2016