Нет, технически ты не обязан учить ES6 перед тем, как начать с React. Но большинство современных ресурсов по React и экосистема в целом активно используют возможности ES6, поэтому очень полезно учить их одновременно или заранее.
Деструктуризация позволяет извлекать значения из объектов и присваивать их переменным более компактно.
// ES5
var someData = this.props.someData;
var dispatch = this.props.dispatch;
// ES6
const { someData, dispatch } = this.props;
Оператор расширения упрощает передачу нескольких props компонентам без необходимости перечислять каждый явно.
// ES5
<SomeComponent
someData={this.props.someData}
dispatch={this.props.dispatch}
/>
// ES6
<SomeComponent {...this.props} />
Стрелочные функции дают компактный синтаксис и часто используются в операциях с массивами, вроде map() и filter().
// ES5
var users = usersList.map(function (user) {
return <li>{user.name}</li>
});
// ES6
const users = usersList.map(user => <li>{user.name}</li>);
Можно учить React и без ES6, но я настоятельно рекомендую хотя бы в базовых чертах разобраться с этими возможностями ES6. Это значительно улучшит твою способность читать, писать и понимать современный код на React и его документацию.
Знание ES6 — это абсолютно необходимое техническое требование, которое мешает тебе вообще запустить какой-либо React код.
Новый — ещё не проверен сообществом
Вы