Feature: Performance improvements

[sc0ttj]

There's a couple of ways that Component could possibly be made faster. This requires adding a few more functions to the codebase, which will likely increase the size from 2.2kb, to about 3kb.

Here are some of the speed and immutability improvements that can be made:

1. Replace spread operator - stuff like { ...ob1, ...obj2 } - with one of the following "immutable object copiers":

   • https://github.com/fuzetsu/mergerino (558 bytes, very nice features, needs a speed test!)
   • https://github.com/fabiospampinato/plain-object-merge (~800 bytes, needs a speed test!)
   • https://github.com/lukeed/klona (354 bytes, fast, only clones whole objects
   • https://github.com/fwilkerson/clean-set (182 bytes, very fast, best for updating individual properties)

..also look into these:

• https://github.com/tsirlucas/immutable-merge-operators
• https://github.com/bjoerge/immerge

2. Replace the Component.eq object comparison function with one of the following:

   • Note: if using mergerino, then Component.eq can simply compare prev/next states with ===
   • https://github.com/lukeed/dequal (dequal/lite is one of the very fastest around)

3. Replace the .uid generation code with one of the following:

   • https://github.com/lukeed/hexoid (190 bytes, may well be faster than what I'm using)

4. Replace calls to native Arrays methods with these apparently faster alternatives:

   • https://github.com/lukeed/arr/tree/master/packages/map
   • https://github.com/lukeed/arr/tree/master/packages/reduce
   • https://github.com/lukeed/arr/tree/master/packages/reverse
   • https://github.com/jonschlinkert/array-last
   • https://github.com/robinweser/fast-loops - faster array looping stuff
   • https://github.com/codemix/fast.js - much faster strings comparisons, and more

5. Memoize the "pure" functions inside Component, where possible:

   • see https://github.com/sc0ttj/component/issues/31

6. Optimise the validator add-on:

   • make it cache it's results, so it never performs same check twice
   • or replace with this one: https://github.com/lukeed/fastest-validator

7. Replace the .freeze() method with something faster:

   • https://github.com/substack/deep-freeze
   • https://github.com/mustafanawabi/nestedfreeze (claims to be faster then deepfreeze)
   • https://github.com/maxehnert/deep-lockdown (based on deepfreeze + prevents new props being added)

8. Fastest possible tweening?

• https://github.com/nextapps-de/fat - is indeed faster than GSAP 🚀 , can't find anything faster 👍

9. empty functions are fast

From https://github.com/IceCreamYou/MainLoop.js/blob/gh-pages/src/mainloop.js#L100-L103:

In all major browsers, replacing non-specified functions with NOOPs seems to be as fast or slightly faster than using conditions to only call the functions if they are specified. This is probably due to empty functions being optimized away. http://jsperf.com/noop-vs-condition