-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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
Vanilla Extract performance w/ @mantine/vanilla-extract #5184
Comments
Hi @wenchonglee, thanks for researching the issue and providing a reproduction. You are welcome to research the issue further and propose a fix. I do not have much experience with Vanilla Extract plugins, so I won't probably be able to help wih this. |
The underlying issue has been identified in this comment vanilla-extract-css/vanilla-extract#1211 (comment). I'm not sure if you want to consider his suggestions to mantine, but I will probably try modifying |
I'm not sure this is the same issue but we have a Remix app using Mantine and Vanilla Extract. The initial build has always been much slower than another much larger remix app we have that uses chakra (45s vs 3s). When we tried to upgrade to Mantine 7.3.0, we found that the build would just hang and never complete so we're pretty keen to get to the bottom of this. |
This seems to be less of an issue since we released the new VE vite plugin. Just quickly ran your reproduction with the latest |
What package has an issue
@mantine/vanilla-extract
Describe the bug
Hi,
I've been planning the migration to v7 for a while and have been torn between CSS Modules and Vanilla Extract.
The biggest concern I had was performance during development (a built app is fine), so I did a bit of experimenting.
This is a repo I quickly wrote to test things out:
(will time out on Stackblitz because of how long it takes)
TL;DR
There are 3 "Kitchen sink" components, each with a list of 100 components.
This isn't very scientific, all I did was start the dev server and wait for network calls to end in the browser, then record the final timing.
createGlobalTheme
(1.5s)@mantine/vanilla-extract
(30s)I tried to dig a little bit but I'm not familiar enough with how Vite plugins work to really understand the issue. I'm raising the issue here since it seems importing static values is completely fine.
I'm willing to help investigate but I'll need help understanding the issue.
Thanks in advance!
What version of @mantine/* packages do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)
7.1.5
If possible, please include a link to a codesandbox with the reproduced problem
https://stackblitz.com/~/github.com/wenchonglee/ve-mantine-benchmark
Do you know how to fix the issue
No
Are you willing to participate in fixing this issue and create a pull request with the fix
Yes
Possible fix
No response
The text was updated successfully, but these errors were encountered: