🎨 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!
The performance was far less than I expected. I believe the assume is the amount of iterations and object creations happening, and the class usage/inheritance.
This new approach is purely functions and instead of creating many objects, it builds CSS styles using string concatenation.
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%.
[x] Documentation has been updated for my changes.
Summary
The performance was far less than I expected. I believe the assume is the amount of iterations and object creations happening, and the class usage/inheritance.
This new approach is purely functions and instead of creating many objects, it builds CSS styles using string concatenation.
Screenshots
Checklist
yarn test
.yarn format
.