kocisov

// you can replace constructor with this

class Dashboard extends Component {
  state = {
    user: {}
  }
  
  componentDidMount() {...}
  
  render() {...}

kocisov

// That first component lul
...
render() {
  return (
    ...
    <Notification error={this.state.error} success={this.state.success} />
    ...
  )
}

kocisov

export default ({ error, success }) => {
  const message = error.message ? error.message : success.message
  
  return (
    <div>
      {message}
    </div>
  )
}

kocisov

// smart boi with redux would do it like this
store = {
  notification: {
    status: 'error',
    message: 'Error message'
  } || {
    status: 'success',
    message: 'Success message'
  }
}

kocisov

class FirstComponent extends Component {
  state = {
    a: 2
  }

  changeState = val => {
    this.setState({
      a: val
    })
  }

kocisov

activate-power-mode@1.4.0
apex-syntax@0.1.0
apex-ui@0.2.1
ariake-dark-syntax@0.1.3
atom-beautify@0.29.24
atom-clock@0.1.7
atom-material-syntax@1.0.6
atom-material-ui@1.3.10
atom-ternjs@0.18.3
aurora-theme@1.2.2

kocisov

class E extends PureComponent {
  changeText = e => {
    this.setState({
      text: e.target.value
    });
  }
  
  render() {
    return (
      <div onClick={this.changeText} />

kocisov

.icon::before {
  animation: cc 5s infinite linear;
}

@keyframes cc {
  0% {
    color: #fff;
  }

  10% {

kocisov

// example
// don't overthink this too much
class X extends PureComponent {
  // constructor equivalent for creating initial state
  state = {
    something: ''
  }

  // function that returns another function
  changeReturn = () => e => {

kocisov

function flookThis (input) {
  console.log(input)
}