Weekly Vue News #139 - Use Nitro as Mock Server

Weekly Vue News #139 Use Nitro as Mock Server View online Hi 👋 We did it, thanks for 3000 newsletter subscribers! 🥳 Your support fuels my passion to deliver quality content and insights. Now let's aim the next milestone of 4000 subscribers! Additionally, I created a Discord community for this newsletter, feel free to join and let's connect. I want to remember you that my raffle for the free ticket for the Vue.js Live Conference 2024 is still running until tomorrow. Participate here. Have a nice week ☀️ Join the Discord Community 📢 I created a Discord community for this newsletter 👋🏻 Join and say "Hi" Vue 📕 Slots, Slots, Slots, Everybody! 👉🏻 "Having worked in React (and AngularJS 2013) in the past, it took me some time to start thinking with slots, not props when writing Vue components." 📕 Implementing Debouncing in Vue 👉🏻 Learn about the concept of debouncing and how you can utilize it in Vue to trigger some functionality after certain amount of time. 📕 Using Vue Computed Properties to Count Down to New Armin van Burren 👉🏻 A post pre-save countdown clock which ticks down to the release of "What Took You So Long" and reveals an audio preview of the track based on the elapsed time of the clock. 📕 Kind of Annoyed at Vue-Router Lately 👉🏻 Fotis explains why he is annoyed of Vue Router. 👉🏻 The docs are mainly focused on Options API, `beforeRouteEnter` navigation guard is unavailable and more. 🎧 DejaVue 👉🏻 A brand new Vue podcast with Michael Thiessen and Alexander Lichter 👉🏻 Available on YouTube, Apple Podcasts, Spotify and RSS feed 📹 Avoid losing Reactivity in your Vue Application 👉🏻 In this video, Alexander Lichter highlights typical issues with ref's and reactive in Vue applications. 🛠️ VitePress 1.0 👉🏻 VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites. 👉🏻 VitePress is built on top of Vite and Vue, and is the spiritual successor and modern replacement of VuePress. 🛠️ vue-metamorph 👉🏻 vue-metamorph is a codemod framework for JavaScript, TypeScript, and Vue files. 👉🏻 It provides a way to reliably make large-scale changes to a codebase by manipulating Abstract Syntax Trees. Sponsored Vue Developers - The reverse job board for VueJS developers Vue Developers connects Vue.js rockstars with their dream jobs and helps companies discover their perfect match. Nuxt 🚀 Official Nuxt Certification 👉🏻 Obtain your Certification of Competence as a Nuxt Developer. 👉🏻 Get assessed through real-world coding challenges prepared and reviewed in partnership with the creator of Nuxt. 📕 Nuxt Vision: Looking forward 👉🏻 A lot of things have happened for Nuxt over the last year. 👉🏻 Sébastien and Daniel share their thoughts on what they have achieved, and where they are going next. 📕 How Nuxt Loads Blazing Fast 👉🏻 In this post, Josh explains how Nuxt loads itself in the browser to achieve the best possible performance. 👉🏻 You'll dive into the details of preload and defer, and some potential problems. 📅 Events Vue.js Live Conference 👉🏻 25 - 26 April 2024, Online Vueconf US 2024 👉🏻 22 - 24 May 2024, New Orleans, US vuejs.de Conf 👉🏻 8 - 9 October 2024, Bonn, Germany 💬 Quote of the week 🔥 Use Nitro as Mock Server Nitro is a server toolkit that allows you to create web servers with everything you need and deploy them wherever you prefer. It's used in Nuxt 3 to power the server-side part of your Nuxt applications. I wrote a blog post where I will show how you can use Nitro as a mock server for your frontend E2E tests. 👉🏻 Read the article 😂 Fun 🧑🏻‍💻 In Other News 📕 Serverless Horrors 👉🏻 People often overlook the potential expensive pitfalls of easy serverless platforms, this shows some expensive situations. 📕 Comparing JavaScript Framework Templates 👉🏻 A thorough comparison of the template languages used by React, Vue, Angular and Svelte. 📕 The Mechanics of Async Await 👉🏻 Under the hood, async/await is built on promises, where the async function returns a promise that represents the eventual result. 📕 The High-Risk Refactoring 👉🏻 Before starting a refactor, developers should carefully assess the potential costs of failure (lost revenue, damaged trust, etc.) and how those risks can be mitigated. 🛠️ capo.js 👉🏻 How you order elements in the `head` tag can have an effect on the perceived performance of the page. 👉🏻 Capo.js helps identify which elements are out of order in your `head` tag on a web page. 🛠️ page-speed.dev 👉🏻 Put in your domain name to see your Core Web Vitals / Lighthouse score. 👉🏻Share it easily on social media. Comments? Join the discussion about this issue here or join our Discord Community. Until next week, Michael Hoffmann (Curator) Unsubscribe from this newsletter Holzapfelkreuther Str. 19, 81375 Munich, Germany