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

Поделиться
HTML-код
  • Опубликовано: 18 дек 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 RUclipsr) 🌟
    Github github.com/sponsors/bitfumes
    Patreon / bitfumes
    RUclips / 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

Комментарии • 128

  • @AnkitNegi
    @AnkitNegi 6 месяцев назад +19

    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  6 месяцев назад +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 5 месяцев назад +1

      Big Chinese companies including Alibaba backs Vue

    • @williamlarsson3620
      @williamlarsson3620 2 месяца назад

      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.

  • @ziad_jkhan
    @ziad_jkhan 6 месяцев назад +15

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +1

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

    • @ziad_jkhan
      @ziad_jkhan 6 месяцев назад +1

      @@Bitfumes I joined the Discord server instead 😄

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      @@ziad_jkhan newsletter is different bro
      try it

  • @cmp-academy
    @cmp-academy 6 месяцев назад +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  6 месяцев назад

      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

  • @ebenezeroduro868
    @ebenezeroduro868 6 месяцев назад +8

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      Thanks for being my side bro
      I love vuejs

  • @hansschenker
    @hansschenker 4 месяца назад +3

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

    • @williamlarsson3620
      @williamlarsson3620 2 месяца назад

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

  • @amitavroydev
    @amitavroydev 5 месяцев назад

    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.

    • @Bitfumes
      @Bitfumes  5 месяцев назад +2

      wo Siver button me reflection hai

    • @amitavroydev
      @amitavroydev 5 месяцев назад

      Got it@@Bitfumes

  • @shohagkhan3677
    @shohagkhan3677 6 месяцев назад +6

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      Yeahhh I really like Pinia
      it is wayyyyyyy better than Vuex

    • @amitavroydev
      @amitavroydev 5 месяцев назад

      Definitely need to try now :)

  • @yoskokleng3658
    @yoskokleng3658 6 месяцев назад +5

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      yes yes Speed of development increases with inertia and vue

  • @iUmerFarooq
    @iUmerFarooq 6 месяцев назад +7

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +4

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

    • @iUmerFarooq
      @iUmerFarooq 6 месяцев назад +1

      @@Bitfumes Thanks

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      have you subscribed to Bitfumes newsletter bitfumes.com/newsletters

  • @muneebahmad8772
    @muneebahmad8772 6 месяцев назад +12

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +1

      thats soo true

  • @chambaderaphael8946
    @chambaderaphael8946 5 месяцев назад

    Try the inline composabled function, pure joy

  • @iamriwash7943
    @iamriwash7943 6 месяцев назад +4

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +1

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

  • @comethrusws
    @comethrusws 6 месяцев назад +5

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

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

  • @anthonycorey5448
    @anthonycorey5448 4 месяца назад

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

  • @offgridvince
    @offgridvince 2 месяца назад +1

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

  • @sergeychistyakov8149
    @sergeychistyakov8149 5 месяцев назад

    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?

  • @user-rk5ld3lt7k
    @user-rk5ld3lt7k Месяц назад

    Thank you for sharing.

  • @Herontings
    @Herontings Месяц назад

    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

  • @lineasdecodigomx
    @lineasdecodigomx 6 месяцев назад +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  6 месяцев назад +2

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +1

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

  • @cultureofnepal2024
    @cultureofnepal2024 6 месяцев назад +5

    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  6 месяцев назад

      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 6 месяцев назад

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

  • @user-ll2pm4zf1h
    @user-ll2pm4zf1h 6 месяцев назад +2

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +1

      Yup sure

    • @user-ll2pm4zf1h
      @user-ll2pm4zf1h 6 месяцев назад

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

  • @Vinaykumar-yc5nl
    @Vinaykumar-yc5nl 6 месяцев назад +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  6 месяцев назад +2

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

  • @kalakalan772
    @kalakalan772 4 месяца назад

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

  • @lattetown
    @lattetown 3 месяца назад

    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.

  • @fermanguzel
    @fermanguzel 6 месяцев назад +3

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      yeahhh react sometime feels messy

  • @filozof3972
    @filozof3972 6 месяцев назад +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  6 месяцев назад +1

      sure I will try

    • @filozof3972
      @filozof3972 6 месяцев назад +1

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

  • @KashifAmin-AskAmin
    @KashifAmin-AskAmin Месяц назад

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

  • @mayank1786
    @mayank1786 6 месяцев назад +1

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

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

    • @mayank1786
      @mayank1786 6 месяцев назад

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

  • @jsonkody
    @jsonkody 3 месяца назад +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

  • @lynic-0091
    @lynic-0091 6 месяцев назад +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  6 месяцев назад

      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 2 месяца назад +1

      I use Capacitor with Vue, it's quite great

  • @artisticdeveloperad2127
    @artisticdeveloperad2127 21 день назад +1

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

    • @atlantic_love
      @atlantic_love 11 дней назад +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.

  • @sohanrahman1897
    @sohanrahman1897 5 месяцев назад

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

    • @coment547
      @coment547 5 месяцев назад

      Amio Bangladeshi vai

  • @atnguyen5240
    @atnguyen5240 6 месяцев назад +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  6 месяцев назад +1

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

  • @iamriwash7943
    @iamriwash7943 6 месяцев назад +2

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      yes exactly

  • @iUmerFarooq
    @iUmerFarooq 6 месяцев назад +2

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      Thanks. Yeah Vue is amazing.

  • @mhmarafath2639
    @mhmarafath2639 6 месяцев назад +1

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +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 6 месяцев назад +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  6 месяцев назад

      @funnyvids7797 yup that's the reason for creating API

  • @CreepToeJoe
    @CreepToeJoe 6 месяцев назад +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  6 месяцев назад +1

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

  • @Rohit-oz1or
    @Rohit-oz1or 6 месяцев назад +1

    Content starts at 2:35

  • @Dildo.Shwaggins-zh7os
    @Dildo.Shwaggins-zh7os 3 месяца назад +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.

  • @CodeTatami
    @CodeTatami 6 месяцев назад +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  6 месяцев назад +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 5 месяцев назад

      @@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 4 месяца назад

      @@crowrvoblackfeather4851 they have deprecated it.

  • @pujiantodev
    @pujiantodev 4 месяца назад +1

    i love vue js.

  • @kshitttiiijjj
    @kshitttiiijjj 4 месяца назад +2

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

    • @williamlarsson3620
      @williamlarsson3620 2 месяца назад

      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

  • @user-ql7pw7ld1n
    @user-ql7pw7ld1n 4 месяца назад

    Amazing

  • @yoanonymous897
    @yoanonymous897 6 месяцев назад +2

    Can you please make projects in vue js?

  • @funnyvids7797
    @funnyvids7797 6 месяцев назад +2

    Pls start vue.js 3 course

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      yes sure definitely

  • @virtuoz-ru
    @virtuoz-ru 6 месяцев назад +3

    Vue 👍

    • @Bitfumes
      @Bitfumes  6 месяцев назад

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

  • @gyozolohonyai9721
    @gyozolohonyai9721 6 месяцев назад +8

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад +1

      yeahhh I realised the same

    • @ifeanyinnaemego
      @ifeanyinnaemego 6 месяцев назад

      Nodejs really

    • @kuthub1989
      @kuthub1989 5 месяцев назад +1

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

    • @chambaderaphael8946
      @chambaderaphael8946 5 месяцев назад +1

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

    • @gyozolohonyai9721
      @gyozolohonyai9721 5 месяцев назад +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.

  • @vinception777
    @vinception777 6 месяцев назад

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

  • @nikhilchandraroy1094
    @nikhilchandraroy1094 6 месяцев назад +2

    learn both

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      it's also a good option😉

  • @abhishekaryan0
    @abhishekaryan0 6 месяцев назад +2

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      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 2 месяца назад

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

    • @afrenchdude5331
      @afrenchdude5331 2 месяца назад

      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.

  • @todormarkov2860
    @todormarkov2860 13 дней назад

    Svelte!

  • @iamriwash7943
    @iamriwash7943 6 месяцев назад +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  6 месяцев назад

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

    • @DmitriiBaranov-ib3kf
      @DmitriiBaranov-ib3kf 2 месяца назад

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

  • @bilimlink
    @bilimlink 6 дней назад

    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.

  • @TarunKumar-me9kl
    @TarunKumar-me9kl Месяц назад

    less line of code does not mean best

  • @kuthub1989
    @kuthub1989 6 месяцев назад +1

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

      I think vue is better for me

    • @kuthub1989
      @kuthub1989 6 месяцев назад

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

  • @xxXAsuraXxx
    @xxXAsuraXxx 4 месяца назад +1

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

  • @TarunKumar-me9kl
    @TarunKumar-me9kl Месяц назад

    you decision is wrong

  • @tanzimibthesam5861
    @tanzimibthesam5861 6 месяцев назад +1

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

    • @Bitfumes
      @Bitfumes  6 месяцев назад

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

    • @tanzimibthesam5861
      @tanzimibthesam5861 6 месяцев назад

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

  • @iloveveggies7634
    @iloveveggies7634 5 месяцев назад +2

    Too long winded.

    • @atlantic_love
      @atlantic_love 11 дней назад +2

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