One of the most anticipated new features in the ES6 Javascript standard was the Arrow Function Expression. It promises a shorter syntax than it’s predecessor the Function Expression. In addition(and IMHO more exciting) is how the new Arrow Function binds, or actually DOES NOT bind it’s own this . Arrow Functions lexically bind their context so this actually refers to the originating context.

Let’s take a deeper look at both of these implementations.

Keep in mind that ES5 references below generically mean pre-ES6.

A lot of people have been asking about the editor theme in use in these tutorials. It’s the AYU Sublime theme coupled with the Apple SF font(thin).

If you like this post check, out my recent post on Component sharing via react-native-web and give me a follow on twitter: