cache clone rule

Otherwise every time we read this value it will be re-cloned
tailwindlabs · Aug 18, 2020 · e417da2 · e417da2
1 parent 5260c71
commit e417da2
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/flagged/applyComplexClasses.js b/src/flagged/applyComplexClasses.js
@@ -84,6 +84,11 @@ const extractUtilityNames = useMemo(
   selector => selector
 )
 
+const cloneRuleWithParent = useMemo(
+  rule => rule.clone({ parent: rule.parent }),
+  rule => rule
+)
+
 function buildUtilityMap(css) {
   let index = 0
   const utilityMap = {}
@@ -101,9 +106,7 @@ function buildUtilityMap(css) {
         utilityName,
         classPosition: i,
         get rule() {
-          // TODO: #perf every time we "read" this value we will create a copy.
-          // Is this an issue?
-          return rule.clone({ parent: rule.parent })
+          return cloneRuleWithParent(rule)
         },
       })
       index++