React vs Vue - I Built the Same App in Both Frameworks
The Codeholic
View ChannelAbout
The purpose of the channel is to share my 12+ years of experience to beginner developers. Teach them what I know and make my experience as a lesson for others.
Latest Posts
Video Description
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 https://github.com/thecodeholic/react-vue-comparison Support me by subscribing - https://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 https://thecodeholic.com 👉 My Patreon https://www.patreon.com/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:🖱️ https://twitter.com/thecodeholic https://www.facebook.com/thecodeholic https://www.instagram.com/thecodeholic Check my Github: https://github.com/thecodeholic
Upgrade Your Gear Essentials
AI-recommended products based on this video

COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak
![Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Hard Back & Silicone Edge Case, 6.7" 2025, Dark Purple](https://m.media-amazon.com/images/I/81bziVWlHTL._AC_UL960_FMwebp_QL65_.jpg)
Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Hard Back & Silicone Edge Case, 6.7" 2025, Dark Purple

Vihibii for Samsung Galaxy S25 Ultra Case with Card Holder (4 Cards), RFID Blocking & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.9" 2025, Black
![Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7", Green](https://m.media-amazon.com/images/I/71ngihSnIEL._AC_UL960_FMwebp_QL65_.jpg)
Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7", Green
![Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7" 2025, Blue](https://m.media-amazon.com/images/I/719jqRUBRQL._AC_UL960_FMwebp_QL65_.jpg)
Vihibii for Samsung Galaxy S25+ Plus Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover, Military Grade Drop Protection, Rugged Hard Back & Silicone Edge Wallet Case, 6.7" 2025, Blue

TAURI for iPhone 17 Pro Max Case 6.9" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard
![Ailun 3 Pack Screen Protector for iPhone 17 [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film](https://m.media-amazon.com/images/I/71Ps91qFQ9L._AC_UL960_FMwebp_QL65_.jpg)
Ailun 3 Pack Screen Protector for iPhone 17 [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

TAURI for iPhone 17 Pro Case 6.3" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard
![Ailun 3 Pack Screen Protector for iPhone 17 Pro [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film](https://m.media-amazon.com/images/I/71ZyAPjoBhL._AC_UL960_FMwebp_QL65_.jpg)
Ailun 3 Pack Screen Protector for iPhone 17 Pro [6.3 inch] + 3 Pack Camera Lens Protector with Installation Frame,Sensor Protection,Dynamic Island Compatible,Case Friendly Tempered Glass Film

SmallRig FX3 / FX30 HawkLock Quick Release Camera Cage Kit for Sony with XLR Handle Extension, Wrist Strap and Cable Clamp for HDMI, QR Cold Shoe, NATO Rail/QR Plate for Arca,Titanium Gray - 4771

10 Inch Tablet, Android 15 Tablets with 18GB RAM+128GB ROM(Expand to 1TB), Octa Core 1280 * 800 IPS HD Display, 6000mAh Battery, Dual 5MP+8MP Camera, 5G/2.4G WiFi

LICAEVEY 84MP Digital Camera, 6K 18X Optical Zoom Wide Angle DSLR Camera, 1500mAh Li Battery 3 Inch LCD Vlogging Camera for Travel Recording Video (Black)

eufy Security, eufyCam S220 (eufyCam 2C Pro) 2-Cam Kit, Wireless Home Security Camera, 2K Resolution, 180-Day Battery Life, HomeKit Compatibility, IP67, Night Vision, Motion Only Alert, No Monthly Fee

Weelikeit Tablet 10 inch, Android 14 Tablets with Octa-Core Processor 12GB(6+6) RAM 128GB ROM, 1200x1920 FHD Screen, 5G WiFi, 5MP+13MP Dual Camera, Bluetooth 5.0, 7000mAh Battery (Gray)

Inland 32GB Class 10 SDHC Flash Memory Card Standard Full Size SD Card USH-I U1 Trail Camera by Micro Center (2 Pack)

AKASO V50 Elite 4K60fps Touch Screen WiFi Action Camera Voice Control EIS 131 feet Waterproof Camera 8X Zoom Remote Control with with 64GB U3 MicroSDXC Memory Card Global Recycled Standard

2 Pack Micro Memory Card 128 GB with Adapter, C10/U3/UHS-I/A1, TransFlash Card, TF Card for Camera, Smartphone, Tablet, Drone (Red 128GB *2)

Mini Body Camera Video Recorder, Pocket Camera, Tiny Camera, Nanny Small Cam, Body Spy Camera, Small Security Camera for Home Outdoor Office and More (with 32G Red Super high-Speed Memory Card)

NEEWER Zf Handgrip L Shape Grip for Nikon Z f, Ultra Thin Retro Formfitting Camera Mounting Baseplate with Handle & Aluminum Shutter Button Cap, Compatible with Arca Swiss Tripod Fluid Head, CA073

NEEWER CA076 Zfc Handgrip L Shape Grip for Nikon Z fc, Ultra Thin Retro Formfitting Camera Mounting Baseplate with Handle/Brass Shutter Button, Compatible with Arca Swiss Tripod Fluid Head, Black




