🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!
Turns out using arrays for conditions and selectors caused a huge performance hit. This rewrites conditions to media and supports strings, and selectors back to selector. Performance went from 150k/s -> 190k/s.
Screenshots
Checklist
[x] Build passes with yarn test.
[x] Code is formatted with yarn format.
[x] Tests have been added for my changes.
[x] Code coverage for my change is 100%.
[ ] Documentation has been updated for my changes.
Summary
Turns out using arrays for
conditions
andselectors
caused a huge performance hit. This rewritesconditions
tomedia
andsupports
strings, andselectors
back toselector
. Performance went from 150k/s -> 190k/s.Screenshots
Checklist
yarn test
.yarn format
.