dmeehan1968

ESLINT rule: react/jsx-no-bind

The problem

Arrow functions create a new function on every render, decreasing performance as a result of:

• Addtional garbage collection
• Passing changed props to components causing render to travel further into the graph

This is particularly evident when iterating over an array to generate components, which also need function props to handle state change as a result of user interaction, such as onClick/onPress.