4 ms·

Sometimes I get the impression that Vue is the new Angular that everyone is excited about but people will be moving on from in 3 years. It's "my first framework

Sometimes I get the impression that Vue is the new Angular that everyone is excited about but people will be moving on from in 3 years. It's "my first framework" kind of thing, or maybe it's a well-presented and complete package, which has obvious value. It would be interesting to see an informed comparison. What's Vue doing that a million other frameworks aren't?

kirillseva 9y ago
To me vue is like react but with > simpler syntax. I think single-file components is a great thing when you're getting started. While true "js ninjas" will call me out on this, they're probably employed by a large org with problems that are different from mine. > less choice. I only write frontend occasionally. How would I know which react-router to choose? What's the best redux package? What about handling CSS, what's the flavor du jour? Vue says "want something done - do this. here's vue router, vuex, etc." Overall, the two are very much similar in both how they work and what they provide, but one is developed and used by an organization that has a virtually infinite supply of engineers, and the other is being developed by one guy. Technology that makes Facebook successful may be inappropriate for a successful hackathon or a small startup
- debaserab2 9y ago
  This is simpler syntax than JSX? Vue: <v-chip v-if="manager.department == 'Engineering'" color="primary" text-color="white" small>{{ manager.department }}</v-chip> JSX: if (manager.department == 'Engineering') { return <VChip color="primary" text-color="white" small>{manager.department}</VChip> } I dunno about you but I grok code that uses whitespace, braces, and parenthesis to identify branching logic way faster than tag attributes.
  - inopinatus 9y ago
    Comparison falls down, because a) you can write JSX in Vue components since that's your preference, and this is explicitly documented and supported: https://vuejs.org/v2/guide/render-function.html#JSX https://vuejs.org/v2/guide/render-function.html#JSX, and b) that first example violates the Vue style guide. https://vuejs.org/v2/style-guide/ https://vuejs.org/v2/style-guide/
  - djstein 9y ago
    if we want we can reduce too: return ( manager.department === 'Engineering' && <VChip color="primary" text-color="white" small>{manager.department}</VChip> )
  - kirillseva 9y ago
    they look pretty similar to me, one is kinda like js-in-html, the other is html-in-js, to each their own. I'm talking more about the whole experience of building out a full app. How do I structure my codebase? Which packages should I use in 2017? It's a much more trivial exercise with vue if you're only doing frontend work occasionally and not as part of your normal job. I have to point out that https://github.com/facebookincubator/create-react-app https://github.com/facebookincubator/create-react-app is great if you do decide to go with React and want answers to aforementioned questions.
    - whitefang 9y ago
      In vue we have Vue CLI, which is becoming as powerful as create-react-app and it also has nuxt.js https://github.com/vuejs/vue-cli https://github.com/vuejs/vue-cli https://nuxtjs.org/ https://nuxtjs.org/
debaserab2 9y ago
We're just seeing the pendulum swing from "flexible and gets out of your way (react)" to "opinionated and tightly structured (vue)". It'll swing back in another few years. As it always does.
wcarron 9y ago
I don't get that impression at all. Vue, in my opinion, is purely a React competitor. It's not the new Angular. AngularJS was basically the only game in town for a while. React is more popular than Vue, current. And it has Facebook behind it. Angular 2+ has Google behind it. Vue remains an independent underdog. Plus, having used Vue in production for over a year and React on personal projects, they are incredibly similar. Create an object, give it properties, lifcycle hooks, methods, and a template to render, then chuck it into an html file. React users prefer JSX, but Vue can use JSX just as well. React and Vue have similar ecosystems around them. Redux for React, Vuex for Vue. React-router vs vue-router. A simple http/ajax lib for making API calls are present for each. React has React Native, Vue has Weex. Lastly, Vue is super easy to adopt, bit by bit; and it has incredibly well-put-together documentation. All of these things hardly indicate to me that it's going to become abandonware as soon as another framework comes around. Admittedly, React is a little bit more mature than Vue; but what's React doing that Vue isn't? What's Angular doing that those two aren't? Or Aurelia? Or Mithril?

kirillseva 9y ago

To me vue is like react but with > simpler syntax. I think single-file components is a great thing when you're getting started. While true "js ninjas" will call me out on this, they're probably employed by a large org with problems that are different from mine. > less choice. I only write frontend occasionally. How would I know which react-router to choose? What's the best redux package? What about handling CSS, what's the flavor du jour? Vue says "want something done - do this. here's vue router, vuex, etc." Overall, the two are very much similar in both how they work and what they provide, but one is developed and used by an organization that has a virtually infinite supply of engineers, and the other is being developed by one guy. Technology that makes Facebook successful may be inappropriate for a successful hackathon or a small startup

debaserab2 9y ago
This is simpler syntax than JSX? Vue: <v-chip v-if="manager.department == 'Engineering'" color="primary" text-color="white" small>{{ manager.department }}</v-chip> JSX: if (manager.department == 'Engineering') { return <VChip color="primary" text-color="white" small>{manager.department}</VChip> } I dunno about you but I grok code that uses whitespace, braces, and parenthesis to identify branching logic way faster than tag attributes.
- inopinatus 9y ago
  Comparison falls down, because a) you can write JSX in Vue components since that's your preference, and this is explicitly documented and supported: https://vuejs.org/v2/guide/render-function.html#JSX https://vuejs.org/v2/guide/render-function.html#JSX, and b) that first example violates the Vue style guide. https://vuejs.org/v2/style-guide/ https://vuejs.org/v2/style-guide/
- djstein 9y ago
  if we want we can reduce too: return ( manager.department === 'Engineering' && <VChip color="primary" text-color="white" small>{manager.department}</VChip> )
- kirillseva 9y ago
  they look pretty similar to me, one is kinda like js-in-html, the other is html-in-js, to each their own. I'm talking more about the whole experience of building out a full app. How do I structure my codebase? Which packages should I use in 2017? It's a much more trivial exercise with vue if you're only doing frontend work occasionally and not as part of your normal job. I have to point out that https://github.com/facebookincubator/create-react-app https://github.com/facebookincubator/create-react-app is great if you do decide to go with React and want answers to aforementioned questions.
  - whitefang 9y ago
    In vue we have Vue CLI, which is becoming as powerful as create-react-app and it also has nuxt.js https://github.com/vuejs/vue-cli https://github.com/vuejs/vue-cli https://nuxtjs.org/ https://nuxtjs.org/

debaserab2 9y ago

We're just seeing the pendulum swing from "flexible and gets out of your way (react)" to "opinionated and tightly structured (vue)". It'll swing back in another few years. As it always does.

wcarron 9y ago

I don't get that impression at all. Vue, in my opinion, is purely a React competitor. It's not the new Angular. AngularJS was basically the only game in town for a while. React is more popular than Vue, current. And it has Facebook behind it. Angular 2+ has Google behind it. Vue remains an independent underdog. Plus, having used Vue in production for over a year and React on personal projects, they are incredibly similar. Create an object, give it properties, lifcycle hooks, methods, and a template to render, then chuck it into an html file. React users prefer JSX, but Vue can use JSX just as well. React and Vue have similar ecosystems around them. Redux for React, Vuex for Vue. React-router vs vue-router. A simple http/ajax lib for making API calls are present for each. React has React Native, Vue has Weex. Lastly, Vue is super easy to adopt, bit by bit; and it has incredibly well-put-together documentation. All of these things hardly indicate to me that it's going to become abandonware as soon as another framework comes around. Admittedly, React is a little bit more mature than Vue; but what's React doing that Vue isn't? What's Angular doing that those two aren't? Or Aurelia? Or Mithril?