6 ms·

Vue 3: mid 2020 status update

30 points by rhengles 6y ago

adevx 6y ago
It's good to see a status update for Vue 3, and creatively done I must say. If Vue's (Vuex) TypeScript support wasn't as bad as it is in Vue 2, I would not be as eagerly awaiting this 3.0 release. Currently on the fence to rewrite a large project to Next.js + TypeScript + Mobx as I have to move things forward and expect the whole ecosystem to take a long time to catch up.
- gedy 6y ago
  > Next.js + TypeScript + Mobx That's honestly a nice stack and don't see how you would regret it
- jadbox 6y ago
  I've been starting a new project using Svelte + Routity + TailwindCss. It's been an amazingly productively stack, although the tooling is on the young side with occasional rough edges. Overall though, it feels great. Even for a side project, it's fun to pick up as it's pretty minimal framework overhead to learn. There's several templates out there, but I've created this one for specifically the above stack: https://github.com/jadbox/routify-starter/tree/tailwind https://github.com/jadbox/routify-starter/tree/tailwind
  - bogdanu 6y ago
    How do you guys even manage to convince your client/employer to use a stack so young? Assuming it's not a side project, ofc.
    - adevx 6y ago
      I run a small business where my website generates my main income. So if I make the wrong choice here it's all on me. But I don't think it's that young in web-cycle terms.
  - adevx 6y ago
    Sounds like a great stack. I was also looking for a clean, simple and productive stack and looked into Svelte. But I do really enjoy TypeScript and it does not seem to be well supported.
- xellisx 6y ago
  http://aurelia.io/ http://aurelia.io/
DLA 6y ago
Anyone using Vue3? How's it going? I am very much looking forward to migrating to V3 and using TypeScript for components. The new vite [0] dev tool looks impressive. The features list is chock full of good stuff like TypeScript, JSX, CSS processing, hot reloads, JSON and CSS loading, etc. [0] https://github.com/vitejs/vite https://github.com/vitejs/vite
IshKebab 6y ago
Does Vue 3 allow type checking templates? That's by far the biggest issue with Vue 2 and I would strongly recommend anyone to use React instead just for that reason (though there are others too).
- adevx 6y ago
  This is supported at IDE level even in Vue 2 with Vetur (vscode), but has performance issues.
  - IshKebab 6y ago
    Really? I use Vue 2 with Vetur in VSCode and it does not type check templates.
    - adevx 6y ago
      You need "vetur.experimental.templateInterpolationService" set to true in settings.json, have a look here: https://vuejs.github.io/vetur/interpolation.html#generic-language-features https://vuejs.github.io/vetur/interpolation.html#generic-lan...
- shrew 6y ago
  Yes, Evan You has previously mentioned that Vetur (Vue tooling for VS Code) will have type checking in templates for Vue 3, helped in part by the Composition API making it easier to follow the typings available to the template. Vue 3 seems to have taken a lot of cues from React during its rewrite, give it a second look if you weren't keen on 2.
dsissitka 6y ago
> If you just want to try Vue 3 out - you can do it right now with Vite. Vite (https://github.com/vitejs/vite https://github.com/vitejs/vite) is a new dev/build tool that we created that is lighter, faster and produces smaller bundles. It works with Vue 3 out of the box. From https://github.com/vitejs/vite https://github.com/vitejs/vite: > Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. I wonder if Vite/Rollup will end up replacing vue-cli/webpack in the Vue community.

30 points by rhengles 6y ago

It's good to see a status update for Vue 3, and creatively done I must say. If Vue's (Vuex) TypeScript support wasn't as bad as it is in Vue 2, I would not be as eagerly awaiting this 3.0 release. Currently on the fence to rewrite a large project to Next.js + TypeScript + Mobx as I have to move things forward and expect the whole ecosystem to take a long time to catch up.

gedy 6y ago
> Next.js + TypeScript + Mobx That's honestly a nice stack and don't see how you would regret it
jadbox 6y ago
I've been starting a new project using Svelte + Routity + TailwindCss. It's been an amazingly productively stack, although the tooling is on the young side with occasional rough edges. Overall though, it feels great. Even for a side project, it's fun to pick up as it's pretty minimal framework overhead to learn. There's several templates out there, but I've created this one for specifically the above stack: https://github.com/jadbox/routify-starter/tree/tailwind https://github.com/jadbox/routify-starter/tree/tailwind
- bogdanu 6y ago
  How do you guys even manage to convince your client/employer to use a stack so young? Assuming it's not a side project, ofc.
  - adevx 6y ago
    I run a small business where my website generates my main income. So if I make the wrong choice here it's all on me. But I don't think it's that young in web-cycle terms.
- adevx 6y ago
  Sounds like a great stack. I was also looking for a clean, simple and productive stack and looked into Svelte. But I do really enjoy TypeScript and it does not seem to be well supported.
xellisx 6y ago
http://aurelia.io/ http://aurelia.io/

DLA 6y ago

Anyone using Vue3? How's it going? I am very much looking forward to migrating to V3 and using TypeScript for components. The new vite [0] dev tool looks impressive. The features list is chock full of good stuff like TypeScript, JSX, CSS processing, hot reloads, JSON and CSS loading, etc. [0] https://github.com/vitejs/vite https://github.com/vitejs/vite

IshKebab 6y ago

Does Vue 3 allow type checking templates? That's by far the biggest issue with Vue 2 and I would strongly recommend anyone to use React instead just for that reason (though there are others too).

adevx 6y ago
This is supported at IDE level even in Vue 2 with Vetur (vscode), but has performance issues.
- IshKebab 6y ago
  Really? I use Vue 2 with Vetur in VSCode and it does not type check templates.
  - adevx 6y ago
    You need "vetur.experimental.templateInterpolationService" set to true in settings.json, have a look here: https://vuejs.github.io/vetur/interpolation.html#generic-language-features https://vuejs.github.io/vetur/interpolation.html#generic-lan...
shrew 6y ago
Yes, Evan You has previously mentioned that Vetur (Vue tooling for VS Code) will have type checking in templates for Vue 3, helped in part by the Composition API making it easier to follow the typings available to the template. Vue 3 seems to have taken a lot of cues from React during its rewrite, give it a second look if you weren't keen on 2.

dsissitka 6y ago

> If you just want to try Vue 3 out - you can do it right now with Vite. Vite (https://github.com/vitejs/vite https://github.com/vitejs/vite) is a new dev/build tool that we created that is lighter, faster and produces smaller bundles. It works with Vue 3 out of the box. From https://github.com/vitejs/vite https://github.com/vitejs/vite: > Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. I wonder if Vite/Rollup will end up replacing vue-cli/webpack in the Vue community.