using-react-with-es6
Last updated
Was this helpful?
Last updated
Was this helpful?
Which React Component Class Syntax Should I Use? Compares the standard React.createClass() syntax vs ES6 React.Component class syntax
Coding with React like a Game Developer Demonstrates React usage with ES5 vs ES6, plus some other topics
The React Quick Start Guide: ES6 Edition An ES6 version of the other guide listed earlier
Digging Into React: Choosing Component Styles A comparison of the three ways to define a React component. Good descriptions, and links to some other related discussions.
Refactoring React Components to ES6 Classes
Walks through the steps needed to convert an older-style React.createClass()
component to use the newer ES6 class syntax instead.
React and ES6 - Binding Approaches Various methods of binding "this" in React ES6 classes
Why and How to Bind Methods in your React Component Classes A good look at function binding in JS, and how it works with React
React, ES6, Autobinding, and createClass() A useful review of how JS function binding works, and how to handle it in ES6 with React
React-Autobind A useful utility to bind class methods. A good compromise - makes binding explicit, but removes repetition.
react-bind-decorator Another autobinding approach, intended to be fast and performant.
react-class-binder Automatically bind methods defined in a React component using the ES2015 class syntax (similar to how React.createClass works). The Reddit comments have discussion on some differences between the various libs that implement autobinding.