added debouncing at 155ms between each keypress before the forceReRen…

…der function is called

addons/knobs/src/registerKnobs.js

@@ -6,6 +6,8 @@ import { CHANGE, CLICK, RESET, SET } from './shared';
 
 export const manager = new KnobManager();
 const { knobStore } = manager;
+const KNOB_CHANGED_DEBOUNCE_DELAY_MS = 155; // approximatly the average time between keypresses
+let timeoutId = null;
 
 function forceReRender() {
   addons.getChannel().emit(FORCE_RE_RENDER);
@@ -17,15 +19,19 @@ function setPaneKnobs(timestamp = +new Date()) {
 }
 
 function knobChanged(change) {
-  const { name, value } = change;
+  clearTimeout(timeoutId);
+  timeoutId = setTimeout(() => {
+    // debouncing occurs here to increase performance
+    const { name, value } = change;
 
-  // Update the related knob and it's value.
-  const knobOptions = knobStore.get(name);
+    // Update the related knob and it's value.
+    const knobOptions = knobStore.get(name);
 
-  knobOptions.value = value;
-  knobStore.markAllUnused();
+    knobOptions.value = value;
+    knobStore.markAllUnused();
 
-  forceReRender();
+    forceReRender();
+  }, DEBOUNCE_DELAY_MS); // this is an arbitrary amount of time used to ensure that the user has time to type before re-rendering
 }
 
 function knobClicked(clicked) {