manoelneto

import React, { Component } from 'react';
import Progress from 'components/Progress';
import ProgressInput from 'components/ProgressInput';

class App extends Component {
  state = {
    count: 10
  }

  onChangeCount = count => {

manoelneto

import React, { Component } from 'react';
import CurrentTime from 'components/CurrentTime';

class CurrentYear extends Component {
  render() {
    const { time } = this.props;

    return <div>{time.getFullYear()}</div>
  }
}

manoelneto

import React, { Component, createElement } from 'react';

class CurrentTime extends Component {
  state = {
    time: new Date()
  }

  tick = () => {
    this.setState({time: new Date()})
  }

manoelneto

class ComponentThatsGenerateAValue extends Component {
  state = {
    value: initialState
  }

  onChange = newState => {
    this.setState({value: newState})
  }

  render() {

manoelneto

export default const withRouter = (OriginalComponent) => {
  class NewComponent extends Component {

    state = {
      router: initialRouter
    }

    anotherFunc = () => {
      ...

manoelneto

const myComponent = ({router, anotherFunc}) => {
  ...
}

export default withRouter(myComponent);

manoelneto

class MyOtherComponent extends Component {
  // router e anotherFunc estará disponível dentro de this.props.
  componentDidMount() {
    this.props.anotherFunc();
  }
}

export default withRouter(MyOtherComponent);

manoelneto

withA(withB(withC(FinalComponent)));

manoelneto

class Router extends Component {
  state = {
    router: initialRouter
  }

  render() {
    createElement(this.props.component, this.state)
  }
}

manoelneto

import React from 'react';
import ReactDOM from 'react-dom';
import {Editor, EditorState} from 'draft-js';

class App extends React.Component {
  state = {
    editorState: EditorState.createEmpty()
  }

  onChange = editorState => this.setState({editorState})