[issue #45] - Performance optimizations, reduced wasted renders

[sergesemashko]

Related issue #45.

What's done:

• Decomposed LogMonitor, created LogMonitorEntryList, so log array is recalculated only when props are updated
• Added debounced scroll listener to container, so scrollTop is updated only when scroll ends

Test case I was performing:

• add new item to a list of 300+ actions.

Here are the Perf.printWasted() results:

Before:

After:

So, I think wasted renders should be fixed within this pull request.

As for inlined styles that cause long compsite layout and rendering operations, it will require more complex solution like make inlined styles shared in react-json-tree. That should improve rendering performance.
I might take a look into that next week.

@gaearon, please review and thanks for providing such a nice opportunity to contribute.

[gaearon]

This looks great! I'll check it out in a few days. Thank you!

[gaearon]

This is taking me longer than I wish but please don't feel discouraged. Feel free to pile more optimizations until I get a chance to review.

[gaearon]

This is out in 1.0.10, thank you!