Переосмысление JavaScript: Смерть for

const results = await Promise.all(bar.map(doSomething))

Функциональные компоненты

const withState = (f, defaultState = {}) => class extends Component {
    render () {
        return f({ 
            state: this.state || defaultState, 
            setState: this.setState.bind(this) 
        })
    }
}

const Counter = withState(({ state, setState }) => (
    <span>
        <button onClick={() => setState({ count : state.count - 1 })}>
            -
        </button>
        {state.count}
        <button onClick={() => setState({ count : state.count + 1 })}>
            +
        </button>
    </span>
), { count : 0 })

Думаю, основная идея ясна.

Функциональные компоненты

Без редакса берем и

Выкидываем: объявление класса, constructor(), render(), const для деструктуризации props, this.

Функциональные компоненты

Можно через HOC и statefull функциональные компоненты делать.