diff --git a/docs/src/vendor/doc-components/editor/editor.js b/docs/src/vendor/doc-components/editor/editor.js
index <HASH>..<HASH> 100644
--- a/docs/src/vendor/doc-components/editor/editor.js
+++ b/docs/src/vendor/doc-components/editor/editor.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import _ from 'lodash';
 
 let CodeMirror;
 if (typeof document !== 'undefined') {
@@ -25,6 +26,12 @@ class Editor extends React.Component {
     theme: 'oceanic-next',
   };
 
+  constructor(props) {
+    super(props);
+
+    this.debouncedOnChange = _.debounce(props.onChange, 500);
+  }
+
   componentDidMount() {
     if (!CodeMirror) {
       return;
@@ -51,15 +58,10 @@ class Editor extends React.Component {
 
   handleChange = () => {
     if (!this.props.readOnly && this.props.onChange) {
-      this.props.onChange(this.editor.getValue());
+      this.debouncedOnChange(this.editor.getValue());
     }
   };
 
-  setCode(code) {
-    this.editor.getDoc().setValue(code);
-    this.handleChange();
-  }
-
   render() {
     const { className, style } = this.props;
Debounce updates to the example code block