Performance Tuning

[Xiot]

Before we get too heavy into re-designing and tuning these components, we should have a way to measure that we are actually making things better, at least from a performance point of view.

React has recently introduced the Profiler api [link] as a way to get some insight into where our components are spending time, and when they re-render.

Blog post introducing the api.
I also found the storybook-addon-performance which adds a performance tab to story book.

We can use this thread to discuss how we want to both measure and track our performance gains.
Do we want to just do performance testing in an adhoc manor, (ie, manually test before and after a set of changes), or do we want to try and bake performance tests into the travis build?

[Xiot]

There is definitely some low hanging fruit #1314 where we can easily see the performance benefit be memoizing values before passing them to children.