Keyed children diff optimization (#663)

* Keyed children diff optimization * Detect when keyed child matches the next old child * Results in fewer "insertBefore" calls * Keyed <input> stay focuses * Inline "next old keyed node" lookup
jorgebucaran · Apr 6, 2018 · f16f7fc · f16f7fc
1 parent d29c389
commit f16f7fc
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -333,6 +333,14 @@ export function app(state, actions, view, container) {
           continue
         }
 
+        if (newKey != null && newKey === getKey(oldChildren[i + 1])) {
+          if (oldKey == null) {
+            removeElement(element, oldElements[i], oldChildren[i])
+          }
+          i++
+          continue
+        }
+
         if (newKey == null || isRecycling) {
           if (oldKey == null) {
             patch(element, oldElements[i], oldChildren[i], children[k], isSvg)