devhyunjae

var AppES5 = React.createClass({
  render: function() {
    return(
      <div>Hello World</div>
    );
  }
});

devhyunjae

{"version":1,"resource":"file:///Users/hyunjae/my-projects/goldspoon-website/pages/index.tsx","entries":[{"id":"iSul.tsx","source":"Fix all fixable ESLint issues","timestamp":1666836223948}]}

devhyunjae

class AppES6 extends React.Component{
  constructor(){
    super();
    this.state = {foo: 1};
    this.handleChange = this.handleChange.bind(this);
  }
  handleChange(e) {
    this.setState({foo: e.target.value});
  }
  render() {

devhyunjae

var AppES5 = React.createClass({
  getInitialState: function(){
    return {foo: 1};
  },
  handleChange: function(e) {
    this.setState({
      foo: e.target.value
    });
  },
  render: function(){

devhyunjae

var AppES5 = React.createClass({
  getInitialState: function(){
    return {foo: 1};
  },
  render: function(){
    return(
      <div>{this.state.foo}</div>
    );
  }
});

devhyunjae

class AppES6 extends React.Component{
  constructor(){
    super();
    this.state = {foo: 1}
  }
  render() {
    return(
      <div>{this.state.foo}</div>
    );
  }

devhyunjae

class Hr extends React.Component {
  render () {
    return(
      <div><hr/><hr/><hr/></div>
    );
  }
}

devhyunjae

t = 236 # seconds
Time.at(t).utc.strftime("%H:%M:%S")
=> "00:03:56"

# Reference
# http://stackoverflow.com/questions/3963930/ruby-rails-how-to-convert-seconds-to-time