You can now sponsor this newsletter via GitHub Sponsors. Your support helps me to continue running this newsletter.
In other news, I refactored the server code that is responsible to send this newsletter. Previously I used AWS Lambda functions but I moved them to Nuxt server routes instead. This simplifies the deployment and maintenance.
As with any big refactoring, let's hope that it does not cause any major issues 🙈🤞🏻
👉🏻 Daniel tries to answer question what is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows.
👉🏻 In this talk, Alexander takes a deeper look into Vue's hydration process and explores why it is needed in the first place, what it actually does and how it can "fail".
👉🏻 A collection of utilities to work with Nuxt layers.
🔥 NuxtHub: A deployment and administration platform for Nuxt
The Nuxt team announced the beta release of NuxtHub, a new way to build full-stack Nuxt applications globally with zero configuration.
NuxtHub is an extension of the Nuxt framework to help you build full-stack applications on your Cloudflare account, with zero configuration.
Using the open source NuxtHub module you can access a SQL database, blob and KV storage (and more features) with zero configuration.
Besides the NuxtHub module, NuxtHub admin is a web based dashboard to manage your NuxtHub applications. It helps you deploy your NuxtHub apps with a single command on your Cloudflare account while provisioning all the necessary resources for you.
You can sign up for free but there is a paid Pro plan available for higher limits and team features.
The following image illustrates how NuxtHub works:
👉🏻 Google Chrome has published a talk that provides a comprehensive overview of the latest trends, updates, and best practices in popular frameworks like Angular, React, Vue, and rising JS frameworks like Svelte and SolidJS.
Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I'm on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Worke...
Read this on my blog We made it to 200! Thanks for reading and supporting me over the last few years, it means a lot to me. Tomorrow is the last day of the Composable Design Patterns course launch and the 35% off discount. If you were hoping to pick it up, don't forget to check it out! As always, I've got some tips and links for you, and a new podcast episode. Enjoy, and have a great week! — Michael 🔥 Default Content with Slots You can provide fallback content for a slot, in case no content is provided: < !-- Child.vue --> < template > < div > < slot > Hey! You forgot to put something in the slot! < / slot > < / div > < / template > This content can be anything, even a whole complex component that provides default behaviour: < !-- Child.vue --> < template > < div > < slot name = "search" > < !-- Can...
Hey! In yesterday's email I shared what I think is the key feature to making Vue components highly reusable: Scoped slots. But scoped slots are hard to grasp, and even more difficult to master. So today, we're going to make sure we understand them on a deep, intuitive level. Then, I'm going to introduce you to the magic ✨ of scoped slots. The trick is to think of them as functions. Slots are just functions We're going to recreate the functionality of slots, but we'll use a regular Javascript function that only returns HTML. This is the code we'll replicate: <!-- Parent --> < template > < div class = "modal-container" > < div class = "modal" > Content in the Parent < Child class = "mb-4" v-slot = "{ text }" > ...
评论
发表评论