Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dynamic class generation cases for emotion, cxs and aphrodite #42

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

jfrej
Copy link

@jfrej jfrej commented Apr 21, 2018

Fixes #41
This PR adds test cases for dynamic class generation for emotion (css-mode), cxs and aphrodite. Essentially, each existing case has been split into dynamic and inline styles version.

I intentionally didn't include the updated results table. Please let me know if it should be included. Or I can create a separate PR for that.

Once this is merged it would be good to upgrade packages to the latest versions.

@jfrej jfrej changed the title Fairer tests Dynamic class generation cases for emotion, cxs and aphrodite Apr 21, 2018
@streamich
Copy link

Just out of curiosity, how did those libs perform?

@jfrej
Copy link
Author

jfrej commented Apr 21, 2018

@streamich Here are the results:
https://github.com/jfrej/CSS-IN-JS-Benchmarks/blob/fairer-tests-results/RESULT.md

emotion and cxs still doing well

I'll have to rerun it, though. Some tests returned NaN
Also, these are not the latest lib versions.

If you're interested in other benchmarks, these look interesting:
https://necolas.github.io/react-native-web/benchmarks/
https://github.com/hellofresh/css-in-js-perf-tests (I might submit a PR to add emotion to this one)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants