Hi, guys. I and some friends are developing a full stack web application. We already choose Laravel as our backend framework to make the API. Now we are doing some research to see what fits better to the application requirements and our needs. So we have two options at this point, React or Vue. What do u guys think are the pros and cons of Vue (as an SPA client, framework/library). And how is it compared to React ? (For those who know react as well). submitted by /u/Majestic-Ad-1618 [visit reddit] [comments ..read more

According to articles like Achieving lazy hydration in Vue 3 from scratch - LogRocket Blog, delaying hydration would improve performance by reducing the amount of js that would need to be executed, which makes sense to me. But according to the nuxt docs here Delay-hydration · Nuxt Modules it says: ⚠️ This is a "hack" to trick Google Lighthouse into thinking your site is faster than it otherwise would be. It should only ever be used for progressively enhanced websites. It may not provide any real performance or SEO benefit (test it with CrUX, not Google Lighthouse). So should this not be don ..read more

Hi everyone I'm creating a webapp with nuxt and I'm looking for something like a empty Excel sheet where people can enter data and it gets submitted in my data base. But I'm not sure which one is more suitable and simpler for my project. I'm new to vue and coding and I'm trying to self learn. If you have any suggestions or advice please let me know . submitted by /u/Expensive_Buyer_486 [visit reddit] [comments ..read more

submitted by /u/Lower_Assistance8536 [visit reddit] [comments ..read more

My setup is Vue 3 composition API. I am using a composable and tanstack vue query to fetch data from a response: https://preview.redd.it/tj4lt10m7twc1.png?width=431&format=png&auto=webp&s=9a0ec399e89423a595568f97159484bb33fa7df0 When I try to use the user value i always get undefined. I am using it like this: https://preview.redd.it/5qlnnuj98twc1.png?width=424&format=png&auto=webp&s=367f5fa74e4af325465fd010300d08154f018ec6 In the template the data writes out just fine, but I cannot manipulate with the data in my setup. onMount doesn't solve the issue. Watch does, b ..read more

Hey there guys, I wanted to use vue-apollo with typescript in my vue project, but the vue-apollo documentation doesn't provide any examples in the typescript implementation. Can u guys share any resources (tutorial, blogs or open source projects)? Thanks in advance. submitted by /u/Majestic_Rule9192 [visit reddit] [comments ..read more

Hey there guys, I wanted to use vue-apollo with typescript in my vue project, but the vue-apollo documentation doesn't provide any examples in the typescript implementation. Can u guys share any resources (tutorial, blogs or open source projects)? Thanks in advance. submitted by /u/Majestic_Rule9192 [visit reddit] [comments ..read more

I have simple function which return an array. I am using this array to provide me background color i can use for td. when i toggle value for showTacticsColor from 1 to 0 and back to 1. I see my v-for is iterating over more elements than those in array. e.g. When I start the application td values are - 0 -1 -2 -3 -4 -5 -6 -7 -8 -9 - then I remove 1 from the text box. and i get 0 -1 -2 -4 -4 -3 - #ffffff4 -5 - #ffffff6 -7 -8 -9 - Question: Where is this extra '4' number two times after 0-1-2- coming from? PlayGround Link <script setup> import { ref } from 'vue' const showTacticsColor = re ..read more

submitted by /u/shailendra-mechcloud [visit reddit] [comments ..read more

I have a small fantasy football website with a decent following written in Flask+Jinja/Bootstrap that I recently decided to convert to an ASGI framework using FastAPI. That change got me a little motivated and I decided to give some front end work a try. The old site is still up and running, but thinking about moving that traffic over to this new one. I was hoping some in the community might take the time to give me some feedback. www.fantasynavigator.com submitted by /u/skysetter [visit reddit] [comments ..read more