Definitely VueJS code is far more cleaner and easier to maintain as compared to to react. Also vue js template system gives it an edge over react in terms of learning curve.. i personally dont like using array map function containing jsx code to show components from a list of array. If vue gets support of some big names like react and angular, then their will be demand of this framework in market in terms of projects and jobs.
yes absolutely I feel any big company should start backing it Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
Agreed! I do think thought that the Options API ( also in Vue 3 ) is much cleaner than Compositions API. The kind of "forced" structure of the Options API is what keeps it clean. I can jump into some other dev's code and directly read what's happening.
@@Bitfumes not working I get this error The stream or file "/var/www/html/bitfumes/releases/release_20240705023437/storage/logs/laravel.log" could not be opened in append mode: Failed to open stream: Permission denied The exception occurred while attempting to log: {"code":"0","message":"A confirmation email is sent to the user. User needs to confirm to successfully subscribe.","version":"1.1","uri":"/api/v1.1/json/listsubscribe","status":"success"}
The hooks and useState in React drove me nuts. And I did not like being able to not put CSS in the code. You cleared up the a lot between Vue and React. Ha goo nee.
In terms of learning, Vue has an easier learning curve than React. Because Vue primarily uses HTML templates, React uses JSX alongside HTML as its code base. React offers component-based architecture for component state and DOM management, Vue comes with a pool of tools and supporting libraries.
Vuex us just legacy now .. Pinia is awesome. Easy, fast and powerful. React has this only as third party libraries like Zustand. Pinia is supported by core Vue team and this is where Vue is just better - all best is official Vue, Vite, Pinia, Router
Recently, i have done a project in react. Then i feel there is lot of glitches in react. Vue has so clean and nice code structures than react. Vue is far far better than react.
Yeahh this is what I am talking about, vuejs is clean and easy to read Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
as experienced reactjs developer i can answer to your questions: 1. JSX is amazing who knows it and using it, who said no one like JSX ? you didn't give any logical point whats wrong with JSX ? it works perfectly fine. who told you to write if else in JSX you can also do before return and add logics at top , it means you don't know reactjs enough 2. just because of map ? you are switching don't make sense. 3. state management I agree sometimes get complicated but for beginners as you get seniors its simple 4. reactjs can also be clean and easy code but for that you have to understand to code the reactjs want to you do, for that you have to learn from documentation. i will save my comment and learn vuejs now and comes back with my changes thoughts or even stronger for reactjs lets c
I started my career with React and Next.js. Then, for projects at my company, I needed to switch to Vue.js. While working with Vue.js, I really missed React. I'm not sure why you doesn't favor JSX-I really like TypeScript and JSX. VS Code has amazing editor support for TypeScript and JSX. Switching to Vue, I really missed how easily and frequently I could break logic down into individual components. In Vue, I've noticed most developers don’t divide projects into mini-components as much as in React. Vue is simple and easy, which is good, but with React, I find it more pleasurable with the editor integration, making it very comfortable for me.
Using inputs with v-model is indeed cleaner in Vue, but I don't necessarily agree with other points made (and forms in React can be easily simplified through libraries or a custom abstraction). Map is just pure functional JS while v-for is framework magic. To me map is very readable, so it seems to be a matter of preference. Redux adds boilerplate code, but also Redux does not need to be used in modern React. Tanstack-query with Zustand/Jotai eliminates the need for Redux. So far I really don't like the concept of slots in Vue while in React you can just pass components as props, which is way more simple, yet gives the same composition possibilities (I may get used to slots though).
I’ve been using vuejs since I learned from your real time notifications udemy course a few years ago, it’s amazing how easy we can make the thing using vuejs, thanks a lot for all your contributions and your knowledge
Thank you very much yes these videos it does help in addition if you can give us a real live example like showing us a code from reactJS convert o Vuejs so we can see in depth how its difference
hmm that's a good idea from next time I will include the code snippet also Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
This is a good video! I agree it depends on your project whether you choose React or Vue, but as a UX architect I chose Vue for a project for a team with only JQuery experience, because it performed well, is extremely well documented, and frankly had a faster ramp-up. I agree Vue's HTML templates are so much easier to use. In fact, you can prototype with HTML in the browser, and then copy that html right into a Vue template without any changes most of the time. For JSX, you constantly have to translate the design into UI code. However, there are teams who already invested in learning REACT and there isn't time to train them to use a new framework. In that case, then I think you have to adopt what gets the project done on time...which most of the time is REACT these days.
So in that case yes you need react for mobile development React is amazing because of community but vue is also not that bad But check this out vue-native.io/
@@Bitfumes Knockout js is available for a very long time and provides the MVVM pattern in JavaScript. It's lightweight and has less learning curves. I used it in my project. It can be used to create single page or multi page type projects and is similar to view js.
The thing I'm struggling with is how to make portable apps that utilize HTML / CSS / JavaScript / VueJS. The idea of making apps that rely on servers (MySQL, VueJS, PHP, etc.) just doesn't sit well with me.
@@kuthub1989 Much faster, easier to use. You can use the same MVC model, but with much more flexibility and many times the performance. I have not used php for my own projects for 3 years now, I simply can't find a point where php is better. The next level in performance is Bun.js.
Suppose you already know some stuff, but the order of tech for a FE should imo be: HTML / CSS ( !important. don't go straight to JS ). => Javascript => Vue.js or React.js ( definitely Vue !) => Nuxt.js or Next.js
It totally depends, I will choose laravel api + vuejs if 1. I have a team for backend and frontend 2. If I will open any api to my end user 3. If I need to create mobile app to consume same api otherwise inertia or mono-repo project is good for you
I see many ppl say "Vue! Choose Vue!" and I understand it's good for beginners, it's very cozy framework. However personally I feel better in React, there's more fun for me while writing a code (especially the part where I'm looking for bugs). My opinion for beginners is to start with Vue, but please at least watch some examples of React code. Everyone has different feeling about that and only you can decide which framework is more appropriate. Each of them has its pros and cons. I'm using Vue for smaller projects and React for more demanding ones. It's up to you to feel good while coding.
Even Svelte is easier and probably better than React. The latter is going the Angular path to over-engineering and adding unneeded complexity. Sure, it has its place, but I'm curious would it catch up to the alternatives growing in popularity.
I love vuejs but the only thing I hate in vue is the call to reactivity .value = xx When I have a variable coming from an API composition or in front of me I don't know if it is reactive or simple. will check 2 minutes of research before meeting again.😝
hahahaha yeahh I can feel the pain, I also doesn't like reactivity.value Why can't they simply make it reactivity = xx But atleast it is simpler than reactjs
@@Bitfumes u can, with vue macros library, u can enable sugar syntax so u declare the variable with $ref(val) then u can just use var = value and done.
Thanks for the video. I also prefer vue.js. Please let me know if you have a video on the best architecture for a vue.js project? What architecture do you prefer for a project of medium or even large sizes? Maybe this will be the topic of your next video?
Never used it since school, I actually took the time to configure React with Inertia and AdonisJS, which was a bit tedious, instead of following the adocast vue install... I don't know, I might give it a shot. But I'm a bit scared to lose time understanding yet another new syntax...
If you are looking for job learn reactjs since it has huge demand in industry Do not look over anyother thing and some side-effects of reactjs What they want, you have to provide to get the job Later you can switch to anything else
one of the main issue is that 90% of newcomers learn React so there's a lot of competition, learning Angular or Vue is not a bad strategy to get a job. Check the job market in your area.
migrate react js to vuejs is not good for salary base . react have more market then vuejs . vue olny famous in laravel community . but have more salary .
Definitely VueJS code is far more cleaner and easier to maintain as compared to to react.
Also vue js template system gives it an edge over react in terms of learning curve.. i personally dont like using array map function containing jsx code to show components from a list of array.
If vue gets support of some big names like react and angular, then their will be demand of this framework in market in terms of projects and jobs.
yes absolutely
I feel any big company should start backing it
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
Big Chinese companies including Alibaba backs Vue
Agreed! I do think thought that the Options API ( also in Vue 3 ) is much cleaner than Compositions API.
The kind of "forced" structure of the Options API is what keeps it clean. I can jump into some other dev's code and directly read what's happening.
Vue is weirdly underrated. Hope you make more videos like this to dive into the benefits.
I totally agree, and yes I will create more videos on vue
bdw, have you subscribed to bitfumes newsletter
@@Bitfumes I joined the Discord server instead 😄
@@ziad_jkhan newsletter is different bro
try it
So let's have In Depth course on Vue3 and Nuxt 3. What do you think?
Yup, you read my mind
Early 2024 I will work on In Depth Vue course
@@Bitfumes Thanks
have you subscribed to Bitfumes newsletter bitfumes.com/newsletters
@@Bitfumes not working I get this error
The stream or file "/var/www/html/bitfumes/releases/release_20240705023437/storage/logs/laravel.log" could not be opened in append mode: Failed to open stream: Permission denied The exception occurred while attempting to log: {"code":"0","message":"A confirmation email is sent to the user. User needs to confirm to successfully subscribe.","version":"1.1","uri":"/api/v1.1/json/listsubscribe","status":"success"}
Vue 3 with Typescript and Composition API has become a grown up web framework!
Vue 3 with Typescript and Options API is even better IMO =)
@@williamlarsson3620what 😂, options API? Bro don't 😂
Composition api makes you write less codes and it has new reactive features.
Vuejs makes things easier as compared to reactjs. Your decision is the best one. I love vuejs.
Thanks for being my side bro
I love vuejs
The hooks and useState in React drove me nuts. And I did not like being able to not put CSS in the code. You cleared up the a lot between Vue and React. Ha goo nee.
In terms of learning, Vue has an easier learning curve than React. Because Vue primarily uses HTML templates, React uses JSX alongside HTML as its code base. React offers component-based architecture for component state and DOM management, Vue comes with a pool of tools and supporting libraries.
Choosing Vue over React might just be the best decision you’ve ever made! I’m a huge fan of Vue and Nuxt. ❤
What is future?
Future??
Vue has numerous endearing features, but Pina🍍 stands out as the absolute best. It's truly awesome.
Yeahhh I really like Pinia
it is wayyyyyyy better than Vuex
Definitely need to try now :)
Vuex us just legacy now .. Pinia is awesome. Easy, fast and powerful. React has this only as third party libraries like Zustand. Pinia is supported by core Vue team and this is where Vue is just better - all best is official Vue, Vite, Pinia, Router
Recently, i have done a project in react. Then i feel there is lot of glitches in react. Vue has so clean and nice code structures than react. Vue is far far better than react.
Yeahh this is what I am talking about, vuejs is clean and easy to read
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
One another thing I don't like in react is rerendering.
vue is really easy few yr ago i saw 30 ur vuejs video now i am fullstack laravel + vuejs
waoo your comment made me happy
and right vue is super duper easy
Bro do we have career in vue please reply
@saicharan8053 yes very nice career, many big companies are using Vuejs
@@Bitfumes thanks for reply i recently got job as a vie js developer but still in confuse whether i have career in it or not
@@saicharan8053 brother how is your job going now?
i use laravel with vue using inertia js is amazing. it very fast development and spa. i love vue js ❤❤
yes yes Speed of development increases with inertia and vue
Already finished 20 plus projects in Nuxtjs/Vuejs. It's brilliant.
The React use hooks seem confusing retrieving data. Vue has the v-model and puts styles in the JS sections.
as experienced reactjs developer i can answer to your questions:
1. JSX is amazing who knows it and using it, who said no one like JSX ? you didn't give any logical point whats wrong with JSX ? it works perfectly fine.
who told you to write if else in JSX you can also do before return and add logics at top , it means you don't know reactjs enough
2. just because of map ? you are switching don't make sense.
3. state management I agree sometimes get complicated but for beginners as you get seniors its simple
4. reactjs can also be clean and easy code but for that you have to understand to code the reactjs want to you do, for that you have to learn from documentation.
i will save my comment and learn vuejs now and comes back with my changes thoughts or even stronger for reactjs lets c
I love VUE & NUXT! Great video, great choice.
Content starts at 2:35
I started my career with React and Next.js. Then, for projects at my company, I needed to switch to Vue.js. While working with Vue.js, I really missed React. I'm not sure why you doesn't favor JSX-I really like TypeScript and JSX. VS Code has amazing editor support for TypeScript and JSX. Switching to Vue, I really missed how easily and frequently I could break logic down into individual components. In Vue, I've noticed most developers don’t divide projects into mini-components as much as in React. Vue is simple and easy, which is good, but with React, I find it more pleasurable with the editor integration, making it very comfortable for me.
In term of job market, majority of MNCs are using react js. So jobs for react developer are available in good numbers
Thats what I told at the last, choose according to your need
Bhai what is that reflection to the left of the first laptop at timestamp 7:45?
Looks like your video is playing on that screen.
wo Siver button me reflection hai
Got it@@Bitfumes
Using inputs with v-model is indeed cleaner in Vue, but I don't necessarily agree with other points made (and forms in React can be easily simplified through libraries or a custom abstraction). Map is just pure functional JS while v-for is framework magic. To me map is very readable, so it seems to be a matter of preference. Redux adds boilerplate code, but also Redux does not need to be used in modern React. Tanstack-query with Zustand/Jotai eliminates the need for Redux. So far I really don't like the concept of slots in Vue while in React you can just pass components as props, which is way more simple, yet gives the same composition possibilities (I may get used to slots though).
you spoke of my reasons to give up react. btw that means more vuejs project courses incoming?
yeahhh react sometime feels messy
I’ve been using vuejs since I learned from your real time notifications udemy course a few years ago, it’s amazing how easy we can make the thing using vuejs, thanks a lot for all your contributions and your knowledge
yeah I remember that amazing course
it was really good
and defying vue is super powerful
have you subscribed to Bitfumes newsletter
if not please do so bitfumes.com/newsletters
vue.js is just amazing!
i love how hands on it is. dwf better than React in a lot of aspects🚀
yeahh you are right,
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
Thank you very much yes these videos it does help in addition if you can give us a real live example like showing us a code from reactJS convert o Vuejs so we can see in depth how its difference
hmm that's a good idea
from next time I will include the code snippet also
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
I like Vue JS! Been using it for over 5 months now😎😎
yeah it's amazing
This is a good video! I agree it depends on your project whether you choose React or Vue, but as a UX architect I chose Vue for a project for a team with only JQuery experience, because it performed well, is extremely well documented, and frankly had a faster ramp-up. I agree Vue's HTML templates are so much easier to use. In fact, you can prototype with HTML in the browser, and then copy that html right into a Vue template without any changes most of the time. For JSX, you constantly have to translate the design into UI code. However, there are teams who already invested in learning REACT and there isn't time to train them to use a new framework. In that case, then I think you have to adopt what gets the project done on time...which most of the time is REACT these days.
I'm glad I went for Vue. But, I wonder, isn't React used for mobile app development?
Will I be behind mobile app developers if I only know vue?
So in that case yes you need react for mobile development
React is amazing because of community but vue is also not that bad
But check this out vue-native.io/
I use Capacitor with Vue, it's quite great
You didn’t mention how good cue dev tools are in comparison to react dev tools, not to mention how well they integrate with vuex/ pinia
Why not to use knockout js? Have you tried it?
this is interesting
First time hearing about it.
anything amazing with knockout
@@Bitfumes Knockout js is available for a very long time and provides the MVVM pattern in JavaScript. It's lightweight and has less learning curves. I used it in my project. It can be used to create single page or multi page type projects and is similar to view js.
Love From Bangladesh, I Always Try To Follow Bitfumes.❤
Amio Bangladeshi vai
bro are you a developer... what framework/library are you using for frontend
I love becuase with single code base we can easily change to any type of rendering
I've worked with they both, and honesty vue is simpler
Coming from PHP and Laravel background, I find Vue is the best choice for my projects.
The thing I'm struggling with is how to make portable apps that utilize HTML / CSS / JavaScript / VueJS. The idea of making apps that rely on servers (MySQL, VueJS, PHP, etc.) just doesn't sit well with me.
Can you please make an electron.js with react video? The configs are very confusing and there should be more electron.js videos :)
sure I will try
@@Bitfumes thank you because the config settings are very complicated
if vuejs have big name like google microsoft or other it will more popular then react and angular
yes exactly
This was a very good move. Vuejs is a very good choice, just need to replace Laravel with nodejs. 😎🤟
yeahhh I realised the same
Nodejs really
In what aspect you think node.js is better than laravel.
The orm node are very far from the quality of those of php
@@kuthub1989 Much faster, easier to use. You can use the same MVC model, but with much more flexibility and many times the performance. I have not used php for my own projects for 3 years now, I simply can't find a point where php is better. The next level in performance is Bun.js.
Can you please make projects in vue js?
yes sure
@@Bitfumes Thanks 👍
I am a beginner can i make career using vue js and next js?
Suppose you already know some stuff, but the order of tech for a FE should imo be:
HTML / CSS ( !important. don't go straight to JS ). => Javascript => Vue.js or React.js ( definitely Vue !) => Nuxt.js or Next.js
Laravel Api + Vue or Laravel Inertia. Can you give an idea about this please
It totally depends,
I will choose laravel api + vuejs if
1. I have a team for backend and frontend
2. If I will open any api to my end user
3. If I need to create mobile app to consume same api
otherwise inertia or mono-repo project is good for you
@@Bitfumes i also followed the same protocol api+vuejs bcz mobile app deveoper also consume the same apis and as well as for PWA apps
@funnyvids7797 yup that's the reason for creating API
I see many ppl say "Vue! Choose Vue!" and I understand it's good for beginners, it's very cozy framework. However personally I feel better in React, there's more fun for me while writing a code (especially the part where I'm looking for bugs).
My opinion for beginners is to start with Vue, but please at least watch some examples of React code. Everyone has different feeling about that and only you can decide which framework is more appropriate. Each of them has its pros and cons. I'm using Vue for smaller projects and React for more demanding ones. It's up to you to feel good while coding.
Typing context wrong⋯how do I trust you on this?
Even Svelte is easier and probably better than React. The latter is going the Angular path to over-engineering and adding unneeded complexity. Sure, it has its place, but I'm curious would it catch up to the alternatives growing in popularity.
Svelt is amazing but its community and libraries are not that mature than vue
Thanks for sharing your thoughts
Do you appreciate: Vue3.js+Django+Django Rest API???
CAn you seperate time line for every ideas you talked in video it can be simplified for everyone follow you easily to watch.
Hmmm thats good idea
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
Pls start vue.js 3 course
yes sure definitely
I love vuejs but the only thing I hate in vue is the call to reactivity .value = xx
When I have a variable coming from an API composition or in front of me I don't know if it is reactive or simple. will check 2 minutes of research before meeting again.😝
hahahaha yeahh I can feel the pain, I also doesn't like reactivity.value
Why can't they simply make it reactivity = xx
But atleast it is simpler than reactjs
@@Bitfumes u can, with vue macros library, u can enable sugar syntax so u declare the variable with $ref(val) then u can just use var = value and done.
@@crowrvoblackfeather4851 they have deprecated it.
Thanks for the video. I also prefer vue.js. Please let me know if you have a video on the best architecture for a vue.js project? What architecture do you prefer for a project of medium or even large sizes? Maybe this will be the topic of your next video?
Tbh Vue is the King.
I love Vue and it's team.
Good choice Man :)
Thanks. Yeah Vue is amazing.
Vue 👍
yeahh, Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
i love vue js.
Try the inline composabled function, pure joy
I feel this video could be said in 30 seconds. Mad politician speech-filler skills.
😊😊
Never used it since school, I actually took the time to configure React with Inertia and AdonisJS, which was a bit tedious, instead of following the adocast vue install...
I don't know, I might give it a shot. But I'm a bit scared to lose time understanding yet another new syntax...
I am a fresher and i need job so which framework should i choose vue.js or react.js??
If you are looking for job learn reactjs since it has huge demand in industry
Do not look over anyother thing and some side-effects of reactjs
What they want, you have to provide to get the job
Later you can switch to anything else
I got a great job with Vue. There are positions. Do not increase demand in shitty tech like React
one of the main issue is that 90% of newcomers learn React so there's a lot of competition, learning Angular or Vue is not a bad strategy to get a job. Check the job market in your area.
migrate react js to vuejs is not good for salary base . react have more market then vuejs . vue olny famous in laravel community . but have more salary .
I agree on salary part
that's why I said at last, "choose framework based upon your need"
You can find Vue job, I have. We should contribute to make Vue more popular
@@DmitriiBaranov-ib3kf what is vue js future?
Thank you for sharing.
learn both
it's also a good option😉
I love JSX ❤️
Jsx is ugly.though React has good jobs. Being fullstack is just asking too much
Today, because of cut throat competition, being fullstack has become quite the necessity I must say.
Thanks for watching.
@@Bitfumes yes getting all generalized developerd n getting paid less for so much work
why not react + inertia.js. And react helps you to create native apps uisng react native.
I think vue is better for me
@@Bitfumes I too would like to choose VUE, But job market and react native played vital role in my decision.
exactly - bro
you decision is wrong
less line of code does not mean best
Too long winded.
As are most programming-related videos nowadays. All they're trying to do is pad video times for likes and subscribes.
I prefer vue.js
Amazing
Svelte!