shellscape / jsx-email

Build emails with a delightful DX
https://jsx.email
MIT License
902 stars 28 forks source link

No responding the UI in first 30 seconds #45

Closed ducan-ne closed 8 months ago

ducan-ne commented 8 months ago

Expected Behavior

I'm not sure if this is an issue from jsx-email side or maybe only occur in my device, my email preview UI is not responding and I need to wait at least 30 seconds (HMR also faces this), no lagging or anything else that relate to, all js scripts also loaded. I've read the code of jsx CLI but couldn't see any problem with the code 🥲

Actual Behavior

Should be render fast as we run vite in normal situation

Additional Information

Package manager: pnpm Please checkout my video, I've cut last 1s when showing the UI to avoid project information, sorry about that

https://github.com/shellscape/jsx-email/assets/16853175/9503c35d-47e7-4d50-b31d-91956d9bd769

ducan-ne commented 8 months ago

Ah, it seems to lag a bit. I can't right-click, but the CPU number is not high.

shellscape commented 8 months ago

thanks for the issue. unfortunately there's not much we can do to help unless you put together a reproduction like the issue template asks for. a video isn't going to be helpful in triaging your specific setup.

ducan-ne commented 8 months ago

Will try to create a reproduction

shellscape commented 8 months ago

Awesome, thanks. Are you by chance using the <Tailwind/> component?

ducan-ne commented 8 months ago

@shellscape Yes i'm currently using , I think this might be the root cause, as I also encountered this issue with the original react-email.

Apologies for the delay in reproducing the issue. I will attempt it in a few days. However I think the problem can be .

ducan-ne commented 8 months ago

@shellscape just tried upgrade to latest version and the performance has significantly improved. HMR is now reduced to approximately 1 second. Great job! Can we close this issue?

shellscape commented 8 months ago

Sure can, thanks for sticking with it!