Using React with ES6
React Component Definitions
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 ES5 to ES6 Checklist
A checklist of steps and changes to refactor your ES5-based React code to use ES6 features
createClassvs ES6 Class Components
A comparison of the different ways to create class components in React, and some of the differences between how they behave (including method binding)
Methods and Instance Binding
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 Binding Patterns: 5 Approaches for Handling
Describes five different ways you can handle binding methods to handle the
"Fat arrow vs autobind vs bindbindbind?"
Dan Abramov comments, giving his thoughts on how to handle method binding.
Do you even need that bind?
A dive through React's implementation of event handling, and why callback binding is needed
Use Property Initializers for Cleaner React Components
A look at how the "Class Properties"/"Property Initializer" syntax allows much cleaner definition of method binding, and how to configure Babel to use that syntax
A helpful explanation of how
Method Binding Utilities
A useful utility to bind class methods. A good compromise - makes binding explicit, but removes repetition.
Another autobinding approach, intended to be fast and performant.
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.
A Babel plugin that transforms use of inline functions in render methods so you don't have to worry about rendering performance.