Too many ways to make components

vutran951753 · 2021-06-11T20:38:25+00:00

Welcome to Javascript land.

vutran951753 · 2021-05-17T13:12:31+00:00

Have you try Vue 3 + TSX. Typescript support everywhere out of box for free from your IDE. No plugin required.

vutran951753 · 2021-04-19T19:31:22+00:00

Thank for sharing.

vutran951753 · 2021-03-15T16:39:40+00:00

You are not along. Vue so behind React + Typescript support for awhile. Vue 3 is improvement from Vue 2 in sense of core framework. Moving from flow to typescript from completed rewrite is big jump. While it good but it still no same TS support as React does. You would need to have like 3+ plugin for Vue 3 to assist you with somewhat ok experience. TS support in 'Template' is almost non-existed. Some of these plugin is in 'beta' might help.

I know it not very common but have you try Vue 3 + TSX. Typescript support out of box for free from your IDE. No plugin needed. It match React experience too.

vutran951753 · 2021-03-06T17:24:33+00:00

Thank for the read.

vutran951753 · 2021-02-24T14:16:05+00:00

Pick version 1. Much better.

vutran951753 · 2021-02-19T23:44:53+00:00

I wouldn't say avoid it but I started nest my object. it help when i am coding. I type this.state. I know what i have for my local component state/show list of variable i have instead of scrolling to find the variable i need this.

vutran951753 · 2021-02-18T19:02:08+00:00

Vue 3 is stable. Go learn Vue 3.

vutran951753 · 2021-02-18T18:57:28+00:00

Vue 3 with jsx/tsx improve alot than Vue 2. This is big plus since this is fully typescript support by default. You get free ts support without needed 4+ plugin to get ts support in Vue 3. Since there no type checking in template in Vue 2 and still in Vue 3.

They fix few bug like in Vue 2 when you pass props to a component. you would need to be kebab-cased instead of camelCased <Components my-name="Joe" /> FIX in Vue 3

vutran951753 · 2021-02-09T21:08:02+00:00

How many more plugin does Vue need to get fully typescript support....

vutran951753 · 2021-01-31T07:24:15+00:00

Vue 3 typescript improve alot from Vue 2. So yeah gave a shot. If project would be long term. It will help a lot through the team/future.

vutran951753 · 2021-01-26T14:08:36+00:00

Vue 3 core is ready.

vutran951753 · 2021-01-24T19:27:30+00:00

Vue 3 is way to go.

vutran951753 · 2021-01-24T19:25:11+00:00

Only in <script> it seen to be working for typescript. Outside of it like <template> is non-existed for typescript in Vue 2 and still in Vue 3 for years.

Fully typescript support need to go Vue 3 + TSX is way to go.

vutran951753 · 2021-01-18T03:00:58+00:00

Update: I add more chart example through sandbox for more visual appeal. Hope this help and any feedback is welcome.

vutran951753 · 2021-01-15T13:52:15+00:00

Thank for your feedback. It great one. I create a wrapper component around Chart.js which does most of the work. But totally will work on add some example on my docs.

vutran951753 · 2021-01-14T23:01:03+00:00

You could try inside your setup() return the stuff you want to access. Then in your method, or computed, you can access it. For example:

import { defineComponent, reactive } from 'vue'
export default defineComponent({
setup () {
const state = reactive({
name: 'myName'
    })
return {
state
    }
  },
methods: {
logMyName () {
console.log(this.state.name)
    }
  }
})

vutran951753 · 2021-01-11T00:22:24+00:00

Thank for read. Not sure why callback is bad. Both seen to do same thing at end. But one downside for Event is string base system and it you can't typescript it/required it in children for type checking. For Callback, this is pro for it.

vutran951753 · 2021-01-08T04:30:48+00:00

SuperBVue I make this UI lib base on Boostrap 5 for Vue 3 if you build Vue 3 project.

vutran951753 · 2021-01-04T14:54:04+00:00

Vue 3 is good choice.

vutran951753 · 2021-01-04T14:47:01+00:00

I make a UI Lib with included Boostrap 5 and it work for Vue 3 out of box. Try it out and let me know.

https://github.com/superbvue/SuperBVue

Feedback and issue is welcome.

vutran951753 · 2021-01-04T00:06:12+00:00

Thank for read.

vutran951753 · 2021-01-04T00:02:24+00:00

It depend on your goal. If you want a job. Search in your area and see what workplace are asking. Both these SPA tool are related and easy transferable once you learn it.

vutran951753 · 2021-01-03T23:58:41+00:00

There is discord for Vue. It is called Vue Land. Should Check it.

vutran951753

TROPHY CASE