Executando verificação de segurança...
1
Micheltpd
1 min de leitura ·

Tecnologias que se encaixam - Node - Vue/Quasar/Vite - Postgres/Prisma

Tenho algumas tecnologias que gosto de usar já faz um tempo, mas não sei se já estou ficando para tráz com algo...
Os projetos em si, é algo ainda desconhecido, um ERP simples, um gestor de informações familiares, ou um controle de financeiro. (Idéias vem e vão), mas as ferramentas estou meio travado nessas abaixo:

Node, nodemon, pm2
Postres, prisma
Vue com Quasar (quasar.dev), pinia, vite, spa,

Vamos colocar um exemplo, de um novo projeto que seja um Gestor Financeiro Familiar, ou seja, tenho muitos cruds, alguns gráficos, algumas integrações de importação de dados.

Sobre as ferramentas, estão de acordo, ou me sugerem algo novo para eu explorar?

Carregando publicação patrocinada...
1
DanielZtimhcs

O Quasar já tem suporte ao Vue 3 ?
Se sim ótimo, senão melhor rever. Como sua app está pronta, acredito que ela esteja em Vue 2. Nao sei se é viável converter pro 3.

falando um pouco do vue 3, eu adorei a nova forma como ele funciona (Composition API)

Ao invés de:

<script>
export default {
  // Properties returned from data() become reactive state
  // and will be exposed on `this`.
  data() {
    return {
      count: 0
    }
  },

  // Methods are functions that mutate state and trigger updates.
  // They can be bound as event handlers in templates.
  methods: {
    increment() {
      this.count++
    }
  },

  // Lifecycle hooks are called at different stages
  // of a component's lifecycle.
  // This function will be called when the component is mounted.
  mounted() {
    console.log(`The initial count is ${this.count}.`)
  }
}
</script>

<template>
  <button @click="increment">Count is: {{ count }}</button>
</template>

temos:

<script setup>
import { ref, onMounted } from 'vue'

// reactive state
const count = ref(0)

// functions that mutate state and trigger updates
function increment() {
  count.value++
}

// lifecycle hooks
onMounted(() => {
  console.log(`The initial count is ${count.value}.`)
})
</script>

<template>
  <button @click="increment">Count is: {{ count }}</button>
</template>
1
Micheltpd
Autor
Autor

Sim já tem suporte para vue 3.
A minha "Aplicação", não está pronta... já fiz alguns cadastros de backend, mas ainda não decolou, não encontro o "projeto" ideal para fazer, e uma das 256 dúvidas que tenho diariamente, é se a stack que estou usando é boa, ou se já tem algo melhor pra usar.
Sou um eterno indeciso.
Já fiz aplicações completas, mas dessa última jornada, tenho alguns cadastros, que não tenho problema em refazer em alguma outra tecnologia se for o caso.

O front é outro problema, nunca me contento com o que estou usando, acho que preciso parar de pensar muito, e fazer mais. Rs.

1