React Native + ES.next = ♥︎
summary
A step-by-step rewrite of the official React tutorial turns ES5 code into ES.next using Babel and a published GitHub repo, showing concrete diffs: destructuring to extract props and nested items, arrow functions to avoid bind and keep lexical this, use of FlatList and PanResponder in React Native, and practical use of spread/rest for immutability and style composition. Covers class fields, bound instance properties, and the stage proposals (spread/rest, public/private class fields) with live examples and code-level tradeoffs.
AI-written summary · about
chapters (8)
- 0:00Introduction and warm-up
- 2:48Journey to React Native
- 5:45Modernizing code overview
- 8:24Destructuring data
- 14:10Arrow functions
- 18:46Spread and rest operators
- 28:55Class fields and binding
- 35:22Resources and conclusion
related talks
36mReact + ES.next = ♥
26mElegant React with ES6 (and a bit of ES7)
22mCoding Session: React Native Practice
54mJavaScript Essentials for Programming with React
52mES2015: Using tomorrow's JavaScript today!
52mReact Native
25mReact developers in a wild world of native apps
01h 02mWant es.next Now? Traceur Your Way Back to ES5 and Feel the Harmony