What are the advantages of ES7 over ES6 (Focusing on React)?

github logo ・1 min read

I read in ES7 we can declare the state variables outside the constructor and also declare propTypes as a static properties, declared as high as possible within the component code.

import React, { Component } from 'react'
import { string, object } from 'prop-types'

export default class ProfileContainer extends Component {
  state = { expanded: false }

  static propTypes = {
    model: object.isRequired,
    title: string

  static defaultProps = {
    model: {
      id: 0
    title: 'Your Name'


Could anyone explain me what are the advantageous of doing it, Also I would want to know new features of ES7, A layman explanation.

twitter logo DISCUSS (2)
markdown guide

You can add "React" to your title if that is your only interest.
I think you are confusing ES7 with ES10.

From what I know all browsers support features from
ES6 (2015) huge update, all the goodies
ES7 (2016) operator (**), Array.prototype.include
ES8 (2017) async/await

The ES9 2018 draft was finished in June 2018 so it will take some time for the browsers and frameworks to catch up.

I think your example contains features from different (old and future) versions of ES.

The class fields are just a proposal, so perhaps there will be implemented in ES10.

The "static" keyword exists since ES6 but only for methods.


thank you for your response, I thought class fields are introduced in ES7.

Classic DEV Post from Jun 5 '19

Dear Developers, What's Your Work/Home Setup Like?

Hey everyone, I want this to be a very casual conversation. I'm looking to set up my personal workspa...

Madhusudhan Srinivas profile image
Exploring, Learning, Coding.