It's been a tough last week — my whole family has COVID, so I'm running on low energy mode. Still, I've managed to put together this issue, which includes a really useful Nuxt tip on naming file chunks. This can help you analyze large chunks in your production bundles. Hope you find it helpful!
👉🏻 When using `nuxi init` to scaffold a new Nuxt application and choose NPM as package manager, you might've seen deprecation warnings.
👉🏻 Alex explains if they are relevant and what they do say.
💡 Nuxt Tip: Add Filenames to Your Nuxt Chunks
In one of my customer's projects, we had a problem with one Nuxt client chunk that was too large (>1MB).
We used the nuxt analyze CLI command to analyze the production bundle and identify which chunk was too large.
The command generates a URL that you can open in your browser to see a visual representation of your bundle:
Unfortunatly, the chunk names are not very descriptive because they are hashed. To make them more descriptive, you can add the following code to your nuxt.config.tsnuxt.config.ts file:
👉🏻 Focus on unit tests with the right scope, avoid unnecessary component tests, and leverage stable APIs to create scalable integration tests that require minimal maintenance.
👉🏻 Having good tests helps maximize engineering velocity, and automated generated tests may help codebases be better tested in the future.
Read this on my blog Hey all! Tomorrow I'm launching Composable Design Patterns — a collection of 15 patterns on how to use the composition API better. I've been working on this for a while (it's been in my head for years), and I'm excited to share it with you! You'll be getting a special launch discount, so make sure to pay attention to your email inbox tomorrow. Other than that, I've got a new podcast episode for you, and some links to check out, as well as some tips. Enjoy your week! — Michael ...
Hey! I need to clear some things up. You might be interested in learning how to write better composables, but unsure if Composable Design Patterns is right for you. If you're a beginner Vue dev, this is perfect to get you started off on the right foot — without developing bad habits or learning things the hard way. And if you've been writing Vue for a while, you'll get immediate value from this course because you'll be able to see exactly how these patterns will help you. You've experienced the pain of badly written composables (maybe even ones you wrote yourself 🙃). For those of you who are transitioning from the Options API to the Composition API (which is better for many reasons ), I specifically included the Options to Composition pattern to provide a super simple path for upgrading your app one component at a time. But this course isn't for everyone. This course is designed for professional Vue developers . If you're a student, o...
评论
发表评论