React.js VS Vue.js | Is Vue.js better in 2024 | Know this before you start | Explaned in detail

Sdílet
Vložit
  • čas přidán 18. 12. 2023
  • Today I will compare React.js and Vue.js technologies. Indeed, these are two of the most popular JavaScript-based frameworks and libraries today. Which one should you choose for your project?
    Let us dive deep into the matter and talk about all the corner cases.
    🌟 Premium Laravel Course 🌟
    New and Updated In Depth Laravel 10 course
    indepthlaravel.com
    Discord server:
    / discord
    Subscribe to our newsletter for exclusive content ✨✉️
    bitfumes.com/newsletters
    🔥 DIGITAL OCEAN HOSTING Affiliate
    Get $100 in credit for 60 days m.do.co/c/a3a47da9b9a8
    🌟 Gadgets I use 🌟
    Camera amzn.to/3mGikwL
    Blue Yeti Mic amzn.to/3mA6YdI
    Blue Yeti Mic Foam Cover amzn.to/2GkmV8w
    Capture Card amzn.to/3ed3cnN
    🌟 Support Me ( I am a full-time CZcamsr) 🌟
    Github github.com/sponsors/bitfumes
    Patreon / bitfumes
    CZcams / bitfumes
    🌟 FOLLOW ME 🌟
    Subscribe for New Releases!
    Twitter - / bitfumes
    Twitter - / sarthaksavvy
    Facebook - / bitfumes
    Instagram - / bitfumes
    (ask me questions!)
    Leave a comment below and I or someone else can help you.
    For quick questions you may also want to ask me on Twitter, I respond almost immediately.
    Email me support@bitfumes.com
    Thanks for all your support

Komentáře • 132

  • @ziad_jkhan
    @ziad_jkhan Před 7 měsíci +18

    Vue is weirdly underrated. Hope you make more videos like this to dive into the benefits.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      I totally agree, and yes I will create more videos on vue
      bdw, have you subscribed to bitfumes newsletter

    • @ziad_jkhan
      @ziad_jkhan Před 7 měsíci +1

      @@Bitfumes I joined the Discord server instead 😄

    • @Bitfumes
      @Bitfumes  Před 6 měsíci

      @@ziad_jkhan newsletter is different bro
      try it

  • @AnkitNegi
    @AnkitNegi Před 7 měsíci +21

    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.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      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

    • @amitavroydev
      @amitavroydev Před 6 měsíci +2

      Big Chinese companies including Alibaba backs Vue

    • @williamlarsson3620
      @williamlarsson3620 Před 3 měsíci

      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.

  • @hansschenker
    @hansschenker Před 5 měsíci +4

    Vue 3 with Typescript and Composition API has become a grown up web framework!

    • @williamlarsson3620
      @williamlarsson3620 Před 3 měsíci

      Vue 3 with Typescript and Options API is even better IMO =)

  • @amitavroydev
    @amitavroydev Před 6 měsíci

    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.

  • @iUmerFarooq
    @iUmerFarooq Před 7 měsíci +8

    So let's have In Depth course on Vue3 and Nuxt 3. What do you think?

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +5

      Yup, you read my mind
      Early 2024 I will work on In Depth Vue course

    • @iUmerFarooq
      @iUmerFarooq Před 7 měsíci +1

      @@Bitfumes Thanks

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      have you subscribed to Bitfumes newsletter bitfumes.com/newsletters

  • @ebenezeroduro868
    @ebenezeroduro868 Před 7 měsíci +9

    Vuejs makes things easier as compared to reactjs. Your decision is the best one. I love vuejs.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      Thanks for being my side bro
      I love vuejs

  • @iamriwash7943
    @iamriwash7943 Před 7 měsíci +5

    vue is really easy few yr ago i saw 30 ur vuejs video now i am fullstack laravel + vuejs

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      waoo your comment made me happy
      and right vue is super duper easy

  • @cmp-academy
    @cmp-academy Před 7 měsíci +4

    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

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      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

  • @muneebahmad8772
    @muneebahmad8772 Před 7 měsíci +13

    Vue.js and nuxt.js is amazing, react is good but when someone use vue.js then react lacks alot

  • @shohagkhan3677
    @shohagkhan3677 Před 7 měsíci +7

    Vue has numerous endearing features, but Pina🍍 stands out as the absolute best. It's truly awesome.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      Yeahhh I really like Pinia
      it is wayyyyyyy better than Vuex

    • @amitavroydev
      @amitavroydev Před 6 měsíci

      Definitely need to try now :)

  • @anthonycorey5448
    @anthonycorey5448 Před 5 měsíci +1

    The React use hooks seem confusing retrieving data. Vue has the v-model and puts styles in the JS sections.

  • @cultureofnepal2024
    @cultureofnepal2024 Před 7 měsíci +7

    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.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      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

    • @cultureofnepal2024
      @cultureofnepal2024 Před 7 měsíci

      One another thing I don't like in react is rerendering.

  • @offgridvince
    @offgridvince Před 3 měsíci +3

    I love VUE & NUXT! Great video, great choice.

  • @yoskokleng3658
    @yoskokleng3658 Před 7 měsíci +5

    i use laravel with vue using inertia js is amazing. it very fast development and spa. i love vue js ❤❤

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      yes yes Speed of development increases with inertia and vue

  • @mayank1786
    @mayank1786 Před 7 měsíci +1

    Why not to use knockout js? Have you tried it?

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      this is interesting
      First time hearing about it.
      anything amazing with knockout

    • @mayank1786
      @mayank1786 Před 7 měsíci

      @@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.

  • @user-ll2pm4zf1h
    @user-ll2pm4zf1h Před 7 měsíci +2

    Hi, Can you make monorepo architecture setup course in vue js

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      Yup sure

    • @user-ll2pm4zf1h
      @user-ll2pm4zf1h Před 7 měsíci

      i am waiting, because i don't get any proper monorepo tutorials on React / Next / Vue over youtube..@@Bitfumes

  • @lynic-0091
    @lynic-0091 Před 7 měsíci +2

    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?

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      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/

    • @DmitriiBaranov-ib3kf
      @DmitriiBaranov-ib3kf Před 3 měsíci +1

      I use Capacitor with Vue, it's quite great

  • @chambaderaphael8946
    @chambaderaphael8946 Před 6 měsíci

    Try the inline composabled function, pure joy

  • @Herontings
    @Herontings Před 2 měsíci

    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

  • @fermanguzel
    @fermanguzel Před 7 měsíci +3

    you spoke of my reasons to give up react. btw that means more vuejs project courses incoming?

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      yeahhh react sometime feels messy

  • @mhmarafath2639
    @mhmarafath2639 Před 7 měsíci +1

    Laravel Api + Vue or Laravel Inertia. Can you give an idea about this please

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      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

    • @funnyvids7797
      @funnyvids7797 Před 7 měsíci +1

      @@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

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      @funnyvids7797 yup that's the reason for creating API

  • @ctchen1988
    @ctchen1988 Před 17 dny

    Typing context wrong⋯how do I trust you on this?

  • @comethrusws
    @comethrusws Před 7 měsíci +5

    vue.js is just amazing!
    i love how hands on it is. dwf better than React in a lot of aspects🚀

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      yeahh you are right,
      Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters

  • @sergeychistyakov8149
    @sergeychistyakov8149 Před 6 měsíci

    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?

  • @lineasdecodigomx
    @lineasdecodigomx Před 7 měsíci +4

    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

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +2

      yeah I remember that amazing course
      it was really good
      and defying vue is super powerful

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      have you subscribed to Bitfumes newsletter
      if not please do so bitfumes.com/newsletters

  • @kshitttiiijjj
    @kshitttiiijjj Před 5 měsíci +2

    I am a beginner can i make career using vue js and next js?

    • @williamlarsson3620
      @williamlarsson3620 Před 3 měsíci

      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

  • @KashifAmin-AskAmin
    @KashifAmin-AskAmin Před 2 měsíci

    Already finished 20 plus projects in Nuxtjs/Vuejs. It's brilliant.

  • @filozof3972
    @filozof3972 Před 7 měsíci +2

    Can you please make an electron.js with react video? The configs are very confusing and there should be more electron.js videos :)

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      sure I will try

    • @filozof3972
      @filozof3972 Před 7 měsíci +1

      @@Bitfumes thank you because the config settings are very complicated

  • @lattetown
    @lattetown Před 4 měsíci

    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.

  • @user-rk5ld3lt7k
    @user-rk5ld3lt7k Před 2 měsíci

    Thank you for sharing.

  • @Vinaykumar-yc5nl
    @Vinaykumar-yc5nl Před 7 měsíci +2

    In term of job market, majority of MNCs are using react js. So jobs for react developer are available in good numbers

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +2

      Thats what I told at the last, choose according to your need

  • @kalakalan772
    @kalakalan772 Před 5 měsíci

    Do you appreciate: Vue3.js+Django+Django Rest API???

  • @sohanrahman1897
    @sohanrahman1897 Před 6 měsíci

    Love From Bangladesh, I Always Try To Follow Bitfumes.❤

  • @yoanonymous897
    @yoanonymous897 Před 7 měsíci +2

    Can you please make projects in vue js?

  • @atnguyen5240
    @atnguyen5240 Před 7 měsíci +1

    CAn you seperate time line for every ideas you talked in video it can be simplified for everyone follow you easily to watch.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      Hmmm thats good idea
      Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters

  • @iamriwash7943
    @iamriwash7943 Před 7 měsíci +2

    if vuejs have big name like google microsoft or other it will more popular then react and angular

  • @CodeTatami
    @CodeTatami Před 7 měsíci +1

    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.😝

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      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

    • @crowrvoblackfeather4851
      @crowrvoblackfeather4851 Před 6 měsíci

      @@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.

    • @neneodonkor
      @neneodonkor Před 5 měsíci

      @@crowrvoblackfeather4851 they have deprecated it.

  • @Cloudjiek
    @Cloudjiek Před 2 dny

    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.

  • @vinception777
    @vinception777 Před 7 měsíci

    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...

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n Před 5 měsíci

    Amazing

  • @funnyvids7797
    @funnyvids7797 Před 7 měsíci +2

    Pls start vue.js 3 course

  • @CreepToeJoe
    @CreepToeJoe Před 7 měsíci +3

    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.

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      Svelt is amazing but its community and libraries are not that mature than vue
      Thanks for sharing your thoughts

  • @artisticdeveloperad2127
    @artisticdeveloperad2127 Před měsícem +1

    Coming from PHP and Laravel background, I find Vue is the best choice for my projects.

    • @atlantic_love
      @atlantic_love Před měsícem +1

      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.

  • @abhishekaryan0
    @abhishekaryan0 Před 7 měsíci +2

    I am a fresher and i need job so which framework should i choose vue.js or react.js??

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      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

    • @DmitriiBaranov-ib3kf
      @DmitriiBaranov-ib3kf Před 3 měsíci

      I got a great job with Vue. There are positions. Do not increase demand in shitty tech like React

    • @afrenchdude5331
      @afrenchdude5331 Před 3 měsíci

      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.

  • @bilimlink
    @bilimlink Před měsícem +1

    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.

  • @jsonkody
    @jsonkody Před 4 měsíci +1

    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

  • @carlosmedrano8596
    @carlosmedrano8596 Před 7 dny

    I've worked with they both, and honesty vue is simpler

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 Před 22 dny

    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

  • @gyozolohonyai9721
    @gyozolohonyai9721 Před 7 měsíci +8

    This was a very good move. Vuejs is a very good choice, just need to replace Laravel with nodejs. 😎🤟

    • @Bitfumes
      @Bitfumes  Před 7 měsíci +1

      yeahhh I realised the same

    • @ifeanyinnaemego
      @ifeanyinnaemego Před 7 měsíci

      Nodejs really

    • @kuthub1989
      @kuthub1989 Před 6 měsíci +1

      In what aspect you think node.js is better than laravel.

    • @chambaderaphael8946
      @chambaderaphael8946 Před 6 měsíci +1

      The orm node are very far from the quality of those of php

    • @gyozolohonyai9721
      @gyozolohonyai9721 Před 5 měsíci +1

      @@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.

  • @Rohit-oz1or
    @Rohit-oz1or Před 7 měsíci +1

    Content starts at 2:35

  • @iUmerFarooq
    @iUmerFarooq Před 7 měsíci +2

    Tbh Vue is the King.
    I love Vue and it's team.
    Good choice Man :)

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      Thanks. Yeah Vue is amazing.

  • @iamriwash7943
    @iamriwash7943 Před 7 měsíci +1

    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 .

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      I agree on salary part
      that's why I said at last, "choose framework based upon your need"

    • @DmitriiBaranov-ib3kf
      @DmitriiBaranov-ib3kf Před 3 měsíci

      You can find Vue job, I have. We should contribute to make Vue more popular

  • @TarunKumar-me9kl
    @TarunKumar-me9kl Před 2 měsíci

    less line of code does not mean best

  • @todormarkov2860
    @todormarkov2860 Před měsícem

    Svelte!

  • @pujiantodev
    @pujiantodev Před 5 měsíci +1

    i love vue js.

  • @виртуоз_ру
    @виртуоз_ру Před 7 měsíci +3

    Vue 👍

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      yeahh, Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters

  • @nikhilchandraroy1094
    @nikhilchandraroy1094 Před 7 měsíci +2

    learn both

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      it's also a good option😉

  • @kuthub1989
    @kuthub1989 Před 6 měsíci +1

    why not react + inertia.js. And react helps you to create native apps uisng react native.

    • @Bitfumes
      @Bitfumes  Před 6 měsíci

      I think vue is better for me

    • @kuthub1989
      @kuthub1989 Před 6 měsíci

      @@Bitfumes I too would like to choose VUE, But job market and react native played vital role in my decision.

  • @TarunKumar-me9kl
    @TarunKumar-me9kl Před 2 měsíci

    you decision is wrong

  • @xxXAsuraXxx
    @xxXAsuraXxx Před 5 měsíci +1

    Obviously go for Vue. React is the biggest fk ever created

  • @iloveveggies7634
    @iloveveggies7634 Před 5 měsíci +2

    Too long winded.

    • @atlantic_love
      @atlantic_love Před měsícem +2

      As are most programming-related videos nowadays. All they're trying to do is pad video times for likes and subscribes.

  • @tanzimibthesam5861
    @tanzimibthesam5861 Před 7 měsíci +1

    Jsx is ugly.though React has good jobs. Being fullstack is just asking too much

    • @Bitfumes
      @Bitfumes  Před 7 měsíci

      Today, because of cut throat competition, being fullstack has become quite the necessity I must say.
      Thanks for watching.

    • @tanzimibthesam5861
      @tanzimibthesam5861 Před 7 měsíci

      ​@@Bitfumes yes getting all generalized developerd n getting paid less for so much work

  • @Dildo.Shwaggins-zh7os
    @Dildo.Shwaggins-zh7os Před 4 měsíci +1

    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.