Optimizing React Rendering (Part 3) — Introducing reflective-bind
Using inline functions in React is convenient but can be contentious because of their perceived impact on performance. Today Flexport is introducing our solution to the debate: a Babel transform called
But first, some background…
An inline function callback is a function that is defined within the
render method of a component and passed down to a child component as a prop. They typically manifest themselves in the form of arrow functions and calls to
... read the whole story at flexport.engineering.
- Easier to write — no need to define a function handler somewhere else.