Nope. Nope. Nope.

Trainer here. I train in React and in Vue.

My students do 3 times the work with raw vue than in raw react. Every one of them. All the time.

It's not even on the same map.

I'd clarify your statement of "3 times the work" as a positive. I had to read twice to not think that Vue took 3x the effort to do something.

This might be a dumb question, but what’s the best way to actually use this to make a real application? I’m talking speak to a database and hook up a backend. I’ve enjoyed using vue from a “this is a neat way to make components” but I’ve never successfully been able to do anything with it. I understand it’s just the “view” and not a full MVC like rails but I want that to exist. I want it super opinionated and favor convention over configuration.

I haven’t found anything nice for a guide in building a real world application like this. Maybe it would involve multiple things vue + ? + Postgres or Mongo or some other option. But I want love something that would hold my hand start to finish connecting the dots.

Academind has a great video series on creating a Vue app that uses Firebase as the backend, and anyone can follow along and reproduce the results. He also uses Vuetify for the sake of having some prebuilt UI components. https://www.youtube.com/watch?v=dIkPb8krORU

Yes you need a lot more tools. A backend framework with a REST API plugged to a data base is common way of doing it. Personally I use Django + Django Rest Framework a lot on the server and axios to query it on the client. But you mileage may vary.

I would love to see a start to finish crud example of the "least" amount of magic and copy paste code for a guide on setting this up. I've messed around with Django and it seemed harder to grasp than rails due to using regex out of the gate to apply a simple route as opposed to get/do or resources.

Even if you ignore 2-way-binding?

The whole component russian dolls with data/callback passing is something most beginers have a very hard time to grasp. Add webpack to the mix, make them fight with JSX that doesn't want to do what they need and voila, you get a sad student.

Starting with vue is just: add a script tag, put your template here, now your data here. Done.

The start up experience is nothing alike.

Uh, you pass data & callbacks through props in vue also, unless you use a single component. Why not just compare it to using a single component in react then also and be honest?

Actually beginers in view won't use a component at all. They will use it angulajs 1 style

That's my point. You don't have to in react either.

You don't have to, but nobody would. It's not practical. While it's very practical to do so in Vue.

Like you can write Java without IDE. Nobody would. But plenty do with Python.

That wasn't my question, but okay. lol

I find Vue and angular way more complex then reactjs mainly Due to them having their own syntax and I find jsx far better then template strings.

For a Js developer reactjs would be easy. But if your not that experienced or just HTML guy then I can understand why they find vue/angular easy. Both have a framework built in for routing, css , http. You just need to learn their syntax and nothing much. With reactjs you need to come with your structure, find the correct routing, state managements,css libs etc

I always see people praise Vue for it's easy to get started with it, but in the end it seems like a strange mix of jQuery and React.

I disagree. I was going to use react for a personal project and got stuck because of documentation and the various blog posts and tutorials all being different and using different libraries and patterns etc etc. This made getting a basic hello world impossible for me. (I’ve since used react and it’s now trivial but starting out was not easy, barrier to entry is still higher than vue.)

Vue on the other hand was so simple. And the documentation made getting hello world done in a few minutes. This got me off the ground and made me feel productive as I felt I knew right away what vue was doing at a most basic level. Then it was just constant learning on top.

no, it's actually quite the opposite. vue took all the complexities out of react/redux it's not even funny.

I'm not talking about Redux.

Then it's an unfair comparison. Vue does state management out of the box. React really doesn't. Yeah, it has setState, but that's nothing compared to Vue.

I'm very skeptical of that assertion. Can you provide an example of something Vue provides that React does not?

With Vuex?

No, he said out of the box. Vuex is not part of Vue core, it's an extra.

My students are more productive by 200% with vue