Elegant React with ES6 (and a bit of ES7)

on YouTube ↗26m

" summary

Shows concrete ES6/ES7 moves: swap vars for let and const to avoid hoisting bugs, convert require/exports to ES6 modules with hoisted imports and working circular deps, replace React.createClass with ES6 classes plus static prop types, use arrow functions for auto-binding and no arguments, apply destructuring and spread/rest to cut updateState to three lines, use decorators as shorthand for higher‑order components, and run everything today with Babel stage zero (ego boost 5000 example included).

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 7:14MODULES
3. 15:29DESTRUCTURING
4. 17:15SPREAD & REST
5. 19:49ARROW FUNCTION
6. 22:36Class level syntactic sugar for higher-order functions

" related talks

• 54mJavaScript Essentials for Programming with ReactVenkat Subramaniam · Developer Summit 2020
• 52mES2015: Using tomorrow's JavaScript today!Pratik Patel · Jfokus 2016
• 36mReact + ES.next = ♥Ben Ilegbodu · React Conf 2017
• 44mJavaScript in 2017: You might (not) need a frameworkDavid Vujic · NDC Oslo 2017
• 27mUnderstanding JavaScript Libraries via React and the React EcosystemAndrew Pinkham · DjangoCon US 2017
• 38mReact Native + ES.next = ♥︎Ben Ilegbodu · Chain React 2017
• 01h 09mBabel: A refactoring toolNicolò Ribaudo · HolyJS 2020 Moscow
• 01h 04mWhat makes React different?Jake Ginnivan · NDC Sydney 2016