React + ES.next = ♥

on YouTube ↗36m

" summary

Walkthrough of concrete ES.next changes applied to a real React migration at Eventbrite shows exact code before and after, including destructuring moved into function headers, the spread operator for immutable arrays and objects (notes stage‑3), concise arrow functions, and replacing callbacks with fetch + promises then async/await with regenerator/Babel. Examples include a promise‑wrapped sleep, promisified readFile, Promise.all parallel fetches, and a nine‑step repo that actually compiles and runs the refactored app so the patterns are reproducible.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 8:46Named parameters!
3. 17:05Arrow function works how you would expect!
4. 28:48Synchronous control flow!

" related talks

• 38mReact Native + ES.next = ♥︎Ben Ilegbodu · Chain React 2017
• 26mElegant React with ES6 (and a bit of ES7)Jem Young · React Rally 2015
• 01h 22mA Browse Through ES2016Jez Higgins · ACCU 2017
• 52mES2015: Using tomorrow's JavaScript today!Pratik Patel · Jfokus 2016
• 01h 00mJavaScript Futures—ES2018 and BeyondJeff Strauss · NDC Sydney 2018
• 54mJavaScript Essentials for Programming with ReactVenkat Subramaniam · Developer Summit 2020
• 01h 02mWant es.next Now? Traceur Your Way Back to ES5 and Feel the HarmonyKen Rimple · Philly ETE 2015
• 52mWhat's New in JavaScript (ES 2020) - Part IIRaju Gandhi · Developer Summit 2020