ESLINT rule: react/jsx-no-bind
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.