Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
YouTube
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
👀 Performance is an evergreen topic! In my new series - "Nuxt Performance In Depth", we will have a deep look into various perf topics. For the first video of the series, we check out the `payload`, also sometimes referred to as __NUXT__ - and how to reduce…
Render Functions Explained
Render functions provide a low-level method of defining Vue components.
They allow you to work directly with the virtual DOM. - https://certificates.dev/blog/render-functions-explained-senior-vuejs-developer-exam
#vue
Render functions provide a low-level method of defining Vue components.
They allow you to work directly with the virtual DOM. - https://certificates.dev/blog/render-functions-explained-senior-vuejs-developer-exam
#vue
certificates.dev
Render Functions Explained - Senior Vue.js Developer Exam
Render functions provide a low-level method of defining Vue.js components. They allow you to work directly with the virtual DOM. In this article, learn how to wield them to your advantage.
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS
This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss
#vue
This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss
#vue
vueschool.io
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS - Vue School Articles
Combine Vue, VueUse, and TailwindCSS for some practical and beautiful buttons
Vue Architecture for Scalability: Introduction to Layered Design
This introductory video reviews managing complexity in Vue applications using a layered architecture approach. - https://www.youtube.com/watch?v=Zq6lefGyUSM
#vue
This introductory video reviews managing complexity in Vue applications using a layered architecture approach. - https://www.youtube.com/watch?v=Zq6lefGyUSM
#vue
YouTube
Intro to Vue Layered Architecture in 2 Minutes
In this introductory video, we'll review managing complexity in Vue applications using a layered architecture approach.
What will we cover in this series?
Part 1: Infra Layer
We'll start by exploring the foundational technologies that power your application…
What will we cover in this series?
Part 1: Infra Layer
We'll start by exploring the foundational technologies that power your application…
Understand Nuxt Hydration by Building useState From Scratch
Learn how useState works in Nuxt by building your own version from scratch. This article explores state management and hydration in Nuxt, helping you understand the inner workings of this essential composable. - https://masteringnuxt.com/blog/understand-nuxt-hydration-by-building-usestate-from-scratch
#vue
Learn how useState works in Nuxt by building your own version from scratch. This article explores state management and hydration in Nuxt, helping you understand the inner workings of this essential composable. - https://masteringnuxt.com/blog/understand-nuxt-hydration-by-building-usestate-from-scratch
#vue
Masteringnuxt
Understand Nuxt Hydration by Building useState From Scratch
Learn how useState works in Nuxt by building your own version from scratch. This article explores state management and hydration in Nuxt, helping you understand the inner workings of this essential composable.
The Complete Guide to Building a Vue.js Component Library
In this article the author provides knowledge on how the most popular component libraries are constructed behind the scenes and how to create your own. - https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library
#vue
In this article the author provides knowledge on how the most popular component libraries are constructed behind the scenes and how to create your own. - https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library
#vue
Estéban Soubiran
The Complete Guide to Building a Vue.js Component Library - Estéban Soubiran
Discover how to build a Vue.js component library using Vite with a guide that covers essential techniques for professional web development.
Ref vs Reactive in Stores
If you have used the Composition API in Vue 3, you have probably come across the ref and reactive functions. These are used to create reactive data in Vue 3. This article explores using Ref and Reactive in your pinia stores. - https://masteringpinia.com/blog/ref-vs-reactive-in-stores
#vue
If you have used the Composition API in Vue 3, you have probably come across the ref and reactive functions. These are used to create reactive data in Vue 3. This article explores using Ref and Reactive in your pinia stores. - https://masteringpinia.com/blog/ref-vs-reactive-in-stores
#vue
Masteringpinia
Ref vs Reactive in Stores
If you have used the Composition API in Vue 3, you have probably come across the ref and reactive functions. These are used to create reactive data in Vue 3. reactive only works with objects, while ref can be used with any type of data.
Complete Guide: How to Upgrade to Nuxt 4
Learn how to upgrade from Nuxt 3 to Nuxt 4 with this step-by-step guide. Explore new features, data fetching changes, and migration tips for a smooth transition. - https://masteringnuxt.com/blog/complete-guide-how-to-upgrade-to-nuxt-4#getting-to-know-nuxts-release-cycle
#vue
Learn how to upgrade from Nuxt 3 to Nuxt 4 with this step-by-step guide. Explore new features, data fetching changes, and migration tips for a smooth transition. - https://masteringnuxt.com/blog/complete-guide-how-to-upgrade-to-nuxt-4#getting-to-know-nuxts-release-cycle
#vue
Masteringnuxt
Complete Guide: How to Upgrade to Nuxt 4
Upgrade from Nuxt 3 to Nuxt 4 with ease. Discover Nuxt 4 features, changes, and tips for a smooth Nuxt 4 upgrade.
Composable Design Patterns in Vue
In this article, cover seven different patterns on writing better composables. - https://michaelnthiessen.com/composable-patterns-in-vue
#vue
In this article, cover seven different patterns on writing better composables. - https://michaelnthiessen.com/composable-patterns-in-vue
#vue
Michaelnthiessen
Composable Design Patterns in Vue
Learn how to write better composables in Vue. Use these seven patterns to manage state, logic, configuration, and input flexibility.
How to Set Up a Vue 3 Frontend, Node.js API, and a High-Performance WebSocket Server in Docker
Setting up a modern front-end, managing APIs, and enabling real-time updates with WebSockets can quickly become overwhelming. In this article, we’ll guide you through creating a streamlined, containerized setup using Vue.js 3 for the front-end, a Node.js API server, and a high-performance WebSocket server powered by uWebSockets.js. - https://blog.dailysandbox.pro/how-to-set-up-a-vue-3-frontend-node-js-api-and-a-high-performance-websocket-server-in-docker/
#vue
Setting up a modern front-end, managing APIs, and enabling real-time updates with WebSockets can quickly become overwhelming. In this article, we’ll guide you through creating a streamlined, containerized setup using Vue.js 3 for the front-end, a Node.js API server, and a high-performance WebSocket server powered by uWebSockets.js. - https://blog.dailysandbox.pro/how-to-set-up-a-vue-3-frontend-node-js-api-and-a-high-performance-websocket-server-in-docker/
#vue
Daily Sandbox Blog
How to Set Up a Vue 3 Frontend, Node.js API, and a High-Performance WebSocket Server in Docker
Let’s face it: modern web development can feel a bit like trying to juggle flaming torches while riding a unicycle. Between setting up your front-end, managing APIs, and ensuring real-time updates through WebSockets, it’s easy to feel overwhelmed. But don’t…