React vs Vue - I Built the Same App in Both Frameworks
Vložit
- čas přidán 8. 05. 2024
- In this video I'm going to build the exact same application in two Frameworks React and Vue.js. We're going to cover the following topics: 1) setup router and create multiple routes 2) generate router links 3) get Road parameters 4) making API calls 5) pass props from parent to child components 6) emit events from child to parent 7) hooks 8) event handlers 9) two-way data binding 10) form submission 11) dynamically bound properties 12) conditionals 13) loops and 14) finally we're going to also have a look at the State Management. That's going to be the perfect project if you want to compare how these two Frameworks work in multiple aspects.
Repository URL
github.com/thecodeholic/react...
Support me by subscribing - bit.ly/2xTQOI0
If you really love my content and want to support the channel:
🔥 Check my full course "Build and Deploy Laravel E-commerce Website with Vue.js Admin Panel" at thecodeholic.com
👉 My Patreon
/ thecodeholic
Table of Contents
----------------------------
00:00:00 - Intro
00:00:38 - Generate projects
00:02:03 - Project Structure and Cleanup
00:04:37 - Output Object in Template
00:06:15 - Setup Router and Routes
00:10:16 - Make request and get posts
00:13:15 - Render posts
00:18:00 - Post Delete
00:23:26 - Render Post Form
00:34:07 - Post Create
00:43:22 - React PropTypes
00:44:57 - State Management
🖱️Follow me on social media:🖱️
/ thecodeholic
/ thecodeholic
/ thecodeholic
Check my Github:
github.com/thecodeholic
This video is great for making decisions about which framework to use. I personally prefer Vue, maybe because I've used it more, but the comparison is great and easy to follow. I agree with others about using Pinia instead of vuex, which makes it even simpler. Thanks for your time. An excellent job 👍
dude, it's super clear, definitely good for beginners who are confused. It will be great to compare some more complicated / real life example later, like, implementing google map or simple firebase authentication and google login, etc. Anw, nice video, no BS.
Amazing... I love such a video. It provides usefull informations that help easily to get the difference. Thanks Bro. Keep it up
This is actually a great video sir comparing two frameworks side by side.
Glad to hear that!
AWSOME JOB!
Thank you for making such a great video!
Glad it was helpful!
Waiting for many other videos like this one.
GREAT JOB!!! Cool way to compare both. Thanks for sharing it! Only a question: Why do you use Vuex instead Pinia???
Blessings from Venezuela and happy new year
PS: I'm still prefer Vue over React 😁
Thank you. I use mostly vuex, simply because I have not tried Pinia yet.
@@TheCodeholic Hahahaha Ok. Try it... Is really better.
Great comparison video! I think Vuex and ReduxToolkit would have been an even more similar comparison regarding state management :) But i guess context api might be more widely used.
Awesome. Pls could you make a video about project planning, the steps one should consider and the steps to take
Great suggestion!
@@TheCodeholic Please keep this in mind because there is not a lot of content in this thread
Fantastic, Vue still remains my favourite framework though I like React because of NextJs
You can use nuxt Js ... It the next Js of vue
@Just Chris😌 NextJs has a more vibrant community than Nuxt plus the backing by Vercel. Remember, Vue is my favourite any day, but for projects at work, it's hard to make the argument for Nuxt.
Great Vide...
If possible please create a Tutorial about "Role and Permission" with React js and Laravel
Happy new year champ! What about htmx?
Awesome video, could you do a video where you make the same project in laravel and yii2 (or any other popular php framework) and compare the two like you did in this video?
Thank you.
Good idea
Great video to compare!!! I was wondering, does Vue really have any advantages when working with Laravel, or is it just a matter of taste? Thank you
Vue has similar syntaxt to Laravel but I think it's just a matter of taste
Great comparison! Which Color Theme do you use in VS Code?
Either palenight or moonlight
Great video sir.... and my choise is vue😊
Awesome video. Vue's composition api is awesome
I agree on composition API
My favourite framework is Svelte but I pretty much like Vue for work.
very useful video, i really learn a lot.
How do you paste so fast? are you using some kind of clipboard manager?
I am not pasting. I am undoing changes with ctrl+z.
please make more of this, something like student management system. student have an array subjects. subjects has name and score
good work bro
hi Zura do you have a courses about slim how to build REST API but with more adv features such as with auth and limit request from some users or categorise users who access what?
Great job, please carry on with real app both react and vue even could be Nuxt 3
awesome video !
Fantastic....
Awesome 👍💯 video but vue is the Best my opinion I feel flexibility in vue
@TheCodeholic Why don't you use pinia ?
I have not used it before. Maybe I can use it next time.
@@TheCodeholic ok check it.. it very simple
Hello, on the vue side you install vuex, but on react side why didn't use redux toolkit (or something else), why?
Note:
Vue doesn't need vuex to make a simple store like in react you made - provide/inject (if needed), reactive and composables.
I added an issue to the repository and an example, have a nice day
Bonjour, avez vous un exemple de ce composable ?
Great video, but for Vue you should've used Pinia 🍍
Vue is clean and easier than react
Now compare Nuxt vs Next (13)
the closed caption now is off (before it was activated) , so I need to read this text on video (I am deaf)
now CC on english is working thanks!
repository URL dosen't work
Fixed. It was private and forgot to make it public
Vue is organized for super fast development.
We want to make for us landing page using laravel 🙂🙂
I think Vue is cleaner than React, bro there are a lot of tech I'm really lost on what to learn
Start with whichever you find easier. Don't overthink!
@@TheCodeholic Thanks man I'm more comfortable with React cuz I've been using it for a while now I hope u make some more React/Laravel tutorial I really love this channel
Me as JS student seeing all this go and coma back tabs, crying so hard!!! So fucking confusing. Can i get a job with only vanilla JS please? lol
We're on the same boat T_T
Зачем же нам в таком случае фреймворки на РНР ?
if you want your client side app to handle routes use these front end libraries/frameworks, otherwise use PHP
Vue still very simple
Vue is definitelly simpler than Laravel.
@@TheCodeholicbut vue is a front-end framework lol
Vuex is outdated. Why are u still using it?!?
whoever uses React in 2024 needs to be fired immediately!
great work