This was a great intro to Vue for someone coming from React. Very good overview of differences and how things are done differently for the basics. Thanks for making this!
Just discovering your channel now after subscribing to several other top guys over the years, and you are markedly different in the way you go very deep into the code. This lets me pick up other side things in your tutorials that I don't get from the other guys. Even though you drill much farther down into actual implementation, it ends up providing broad context as a side effect. Much better than when the other guys will do higher-level "Lets look at this X framework" and you don't feel like you've actually improved your skills. So I'm looking forward to you getting to be the next Traversy etc.
I am a mid-level SE. At my workplace, we use Vue 3 with Dotnet Core. Before starting working here I only knew React and I was a bit hesitant about Vue. But, oh man was I wrong! Vue, especially Vue 3 with composable is a game changer. Things I like about Vue: 1. Data Binding, use of V-model to have complex data binding 2. Recommended state mgmt tool Pinia is great as it has less boilerplate than Redux 3. Built-in Transitions 4. Vue pretty much has a recommended way of doing things, whereas I have some React code so complex it's hard for me to understand. 5. Separate mounted and unmounted effects instead of useEffect 6. built-in computed Also, I believe your IDE setup is not correct that's why you are not getting the IntelliSense on Components.
I was also a react dev, been working on vue at work now 6 weeks in. It blows my mind how good vue is especially nuxt3 is a game changer with auto imports and great documentation on top. React is great don’t get me wrong, but vue3 deserves more attention for sure.
I pretty much agree with everything you said, I think I got lucky in at my first job we use Vue and that made it easier to get up to speed since I had only worked with vanilla Javascript at first. I started working on learning React now since I actually feel like I'm more motivated doing side projects with different stacks instead of what I use at work because it feels like I'm just working more.
Searching for a job, have invested in React. Don't want to get into something different now but can imagine how refreshing it is to work with different stack.
you can create multiple component in a single file using the defineComponent function, your script tag would look like this: import HelloWorld from './components/HelloWorld.vue'; import { defineComponent } from 'vue'; const Toto = defineComponent({ template: ` Hello from toto `, }); export default { name: 'App', components: { HelloWorld, Toto, }, }; EDIT: if you add the jsx extension, it would be much easier and cleaner
@@darialyphia yup, that's why i didn't use it. It would've been easier if editors have support for vue inline template. You combine that with tailwind or css modules and boom, you've got something pretty solid
@@oumardicko5593 Heh, I don't mind having one component per file, to be honest I prefer it that way. and with style scoped, I have zero need for other meme css solutions like tailwind
I'm doin vuejs since 4 years, one of the main things about it is that it's easy to get started, and the idea of putting JS inside HTML rather than opposite is why it seamed a better choice. One other thing to mention is that I used to design frontend, the transition to vuejs was sufficient to add interactivity to designs without too much JS. I've tried ReactJS many times but I couldn't stick to it, html in JS no thanks, but now it's normal I can do all of JS frameworks, they tend to look alike and provide the same functionality after all. You should try QwikJS made from some dudes from Angular and ionic; It's has a new way to SSR which looks amazing. Nice video of course 👍
Hello! I am watching your videos even I am not really undertsand much react, but I always work with vue, nuxt. Thank you for making this video about vue! Really interesting to see what you think about nuxt 3 😁
Your environment was not setup very well. Did you have the Volar extension installed in VS Code? Things would have been much smoother had you had VS Code working like Vue wants you to setup.
The way you code/describe things is so chaotic... 21:12 is a quintessence. Other than that the sad conclusion is, there are better dx/more convenient frameworks like Vue and Svelte, but there's not enough jobs compared to React. This is so sad that IT industry doesn't appreciate and recognize the true advantages bringing real benefits over React... :( Don't believe the hype.
that's exactly how I describe svelte. It feels like you can breath when you are developing. These other frameworks are honestly anxiety invoking and suffocating.
Been doing it for 1 year now in a team that uses Vuejs. I still prefer React by a long shot. Just my personal opinion, certainly people's experience will vary. It's preference nothing more to it than that.
For a beginner, vue should feel like home !! Since mostly it's js html and css. But for any react dev, it should look weird!! In my opinion JSX is ugly, and reduces the readability of the code where as vue is pretty simple to read.
Vue3 is amazing. You have no idea how to use it. You didn't even show what dev config u have(u have Volar extension?) . Auto imports works and erorr reports work, you can also import any other js file or even create a vue composable function to be used across. And React is not just javascript. Forgot about XML? Or JSX sounds cooler. Don't even get me started about how styling is in React 😂. Vue3 got alot from the svelte 'The best framework on 🌎 earth"
This was a great intro to Vue for someone coming from React. Very good overview of differences and how things are done differently for the basics. Thanks for making this!
I’ve been using Vue for some time and all I can say is the composition api and Pinia really changed the way I write logic in Vue apps
Just discovering your channel now after subscribing to several other top guys over the years, and you are markedly different in the way you go very deep into the code. This lets me pick up other side things in your tutorials that I don't get from the other guys. Even though you drill much farther down into actual implementation, it ends up providing broad context as a side effect. Much better than when the other guys will do higher-level "Lets look at this X framework" and you don't feel like you've actually improved your skills. So I'm looking forward to you getting to be the next Traversy etc.
thanks for the kind words! glad my info has help you in some ways!
I am a mid-level SE.
At my workplace, we use Vue 3 with Dotnet Core. Before starting working here I only knew React and I was a bit hesitant about Vue.
But, oh man was I wrong! Vue, especially Vue 3 with composable is a game changer.
Things I like about Vue:
1. Data Binding, use of V-model to have complex data binding
2. Recommended state mgmt tool Pinia is great as it has less boilerplate than Redux
3. Built-in Transitions
4. Vue pretty much has a recommended way of doing things, whereas I have some React code so complex it's hard for me to understand.
5. Separate mounted and unmounted effects instead of useEffect
6. built-in computed
Also, I believe your IDE setup is not correct that's why you are not getting the IntelliSense on Components.
I was also a react dev, been working on vue at work now 6 weeks in. It blows my mind how good vue is especially nuxt3 is a game changer with auto imports and great documentation on top. React is great don’t get me wrong, but vue3 deserves more attention for sure.
You can make components as functions and have it in tag.
How?
any doc links?
I pretty much agree with everything you said, I think I got lucky in at my first job we use Vue and that made it easier to get up to speed since I had only worked with vanilla Javascript at first. I started working on learning React now since I actually feel like I'm more motivated doing side projects with different stacks instead of what I use at work because it feels like I'm just working more.
Searching for a job, have invested in React. Don't want to get into something different now but can imagine how refreshing it is to work with different stack.
you can create multiple component in a single file using the defineComponent function, your script tag would look like this:
import HelloWorld from './components/HelloWorld.vue';
import { defineComponent } from 'vue';
const Toto = defineComponent({
template: `
Hello from toto
`,
});
export default {
name: 'App',
components: {
HelloWorld,
Toto,
},
};
EDIT: if you add the jsx extension, it would be much easier and cleaner
oh nice, great info!
Be careful, this won't work with
@@darialyphia yup, that's why i didn't use it. It would've been easier if editors have support for vue inline template. You combine that with tailwind or css modules and boom, you've got something pretty solid
@@oumardicko5593 Heh, I don't mind having one component per file, to be honest I prefer it that way. and with style scoped, I have zero need for other meme css solutions like tailwind
@@darialyphia yup, it's just a matter of taste.
I'm doin vuejs since 4 years, one of the main things about it is that it's easy to get started, and the idea of putting JS inside HTML rather than opposite is why it seamed a better choice. One other thing to mention is that I used to design frontend, the transition to vuejs was sufficient to add interactivity to designs without too much JS. I've tried ReactJS many times but I couldn't stick to it, html in JS no thanks, but now it's normal I can do all of JS frameworks, they tend to look alike and provide the same functionality after all. You should try QwikJS made from some dudes from Angular and ionic; It's has a new way to SSR which looks amazing. Nice video of course 👍
thanks! enjoyed this vid a lot. love your channel
i really believe this is the better alternative to react
Hello!
I am watching your videos even I am not really undertsand much react, but I always work with vue, nuxt.
Thank you for making this video about vue! Really interesting to see what you think about nuxt 3 😁
Good job love!!!
great demo there
I use Vue 2 because it gives me data binding without having to compile and bundle the web page code. Makes it easy to debug in the browser.
Use any framework you like
use any framework u can find a job with
No use the one I like
Your environment was not setup very well. Did you have the Volar extension installed in VS Code? Things would have been much smoother had you had VS Code working like Vue wants you to setup.
I have volar setup, but yeah I probably need to fix some things
I love vue and find it easier and more concise than react
using vue 2 was so intuitive but vue 3 is a pain the ass. React and Next Js is my go to.
The way you code/describe things is so chaotic... 21:12 is a quintessence. Other than that the sad conclusion is, there are better dx/more convenient frameworks like Vue and Svelte, but there's not enough jobs compared to React. This is so sad that IT industry doesn't appreciate and recognize the true advantages bringing real benefits over React... :(
Don't believe the hype.
Nice video 👍
That was not so bad :)
Next let's do Svelte, it feels like a breath of fresh air
that's exactly how I describe svelte. It feels like you can breath when you are developing. These other frameworks are honestly anxiety invoking and suffocating.
@@WebDevCody we could redo the build application in sveltekit and see how that works 💪 (just a suggestion)
Been doing it for 1 year now in a team that uses Vuejs. I still prefer React by a long shot. Just my personal opinion, certainly people's experience will vary. It's preference nothing more to it than that.
vite is really good with react
👏
Using Nuxt3 kinda solves most of the his outlined dislikes.
Personally I prefer the vue way instead of putting everywhere map
idk personally i like vue because it is in the top and it is not backed by any top 100 companies like angular or react.
For a beginner, vue should feel like home !! Since mostly it's js html and css.
But for any react dev, it should look weird!!
In my opinion JSX is ugly, and reduces the readability of the code where as vue is pretty simple to read.
Vue 3 is cool and Nuxt 3
Vue3 is amazing. You have no idea how to use it. You didn't even show what dev config u have(u have Volar extension?) . Auto imports works and erorr reports work, you can also import any other js file or even create a vue composable function to be used across. And React is not just javascript. Forgot about XML? Or JSX sounds cooler. Don't even get me started about how styling is in React 😂. Vue3 got alot from the svelte 'The best framework on 🌎 earth"
Yup I have volar installed